Lovable ऐप deploy करें: export को असली URL पर ले जाएँ

4 अगस्त 2026 · jsdeck team · 4 मिनट पढ़ना

अगर आपने deploy a Lovable app खोजा है, तो आपको काम करते कोड से सार्वजनिक URL तक का सबसे छोटा और भरोसेमंद रास्ता चाहिए — सर्वर खड़े किए बिना, विशाल क्लाउड डैशबोर्ड सीखे बिना, या एक भी उपयोगकर्ता मिलने से पहले क्रेडिट कार्ड दर्ज किए बिना। यह गाइड बताती है कि jsdeck के साथ ठीक यही कैसे करें, trade-offs क्या हैं, और कब कोई दूसरा टूल वास्तव में बेहतर विकल्प है। हम इसे व्यावहारिक रखेंगे: असली कदम, असली कमांड, और ईमानदार चेतावनियाँ।

AI preview से असली URL तक

AI builders अपने interface में preview देते हैं। iterate करने के लिए यह perfect है, लेकिन recruiters, clients, teammates, और real users को open web पर stable URL चाहिए — जो expire न हो, builder login न माँगे, और किसी device पर काम करे। jsdeck static export (HTML, CSS, JS) लेकर SPA-friendly routing के साथ HTTPS पर serve करता है।

पहले static export लें

जो भी tool ऐप बनाया, लक्ष्य वही: static files का folder। ज़्यादातर projects npm run build से (अक्सर dist/ में) यह बनाते हैं। कुछ builders में explicit "export" या "download code" button होता है। अगर सिर्फ hosted preview है, project local repo में copy कर build करें — आपको artifacts चाहिए जिन पर control हो।

चरण-दर-चरण deploy

static output folder के लिए locally build या export करें
jsdeck.com/signup पर sign up करें — क्रेडिट कार्ड ज़रूरी नहीं
app बनाएँ और folder upload करें, या terminal से jsdeck deploy चलाएँ
https://your-slug.jsdeck.com खोलकर share करें
वैकल्पिक: saved state के लिए datastore और gated access के लिए visitor auth enable करें

generated apps के common pitfalls

Preview-only links expire हो सकते हैं या AI tool account माँगते हैं — इन्हें कभी "real" link के रूप में share न करें
Absolute asset paths नए host पर टूटते हैं; relative paths use करें या Vite में base सही set करें
Hardcoded API keys generated code में आ जाते हैं — deploy से पहले real secrets हटाएँ; non-sensitive app data के लिए सिर्फ jsdeck datastore keys use करें
Client-side routes refresh पर 404 जब तक host index.html पर rewrite न करे (jsdeck hosted apps के लिए handle करता है)

production-ready बनाएँ

live होने पर custom domain जोड़ें, deep links और refresh double-check करें, और अगर ऐप कुछ store करता है तो browser-only state की बजाय jsdeck datastore wire करें ताकि data devices में survive करे।

अपना *.jsdeck.com URL private/incognito window में खोलें — AI builder में logged in tab नहीं। main user flows walk करें, कम से कम एक deep link refresh करें, phone-width viewport resize करें। कुछ टूटे तो locally fix, rebuild, फिर upload; jsdeck prior deploy को replace करता है। दो मिनट smoke test awkward case बचाता है जहाँ client या recruiter पहले broken asset path hit करता है।

यह किसके लिए है, और jsdeck कब न उपयोग करें

अच्छा fit: static frontends, single-page apps, demos, portfolios, MVPs, AI-generated exports, और ऐप्स जिन्हें थोड़ी JSON persistence या lightweight visitor login चाहिए।

fit नहीं: ऐप्स जिन्हें long-running Node server, request time पर server-side rendering, WebSocket backends, private server-side secrets, background jobs, या full relational database चाहिए। उनके लिए हमारे comparisons hub में चर्चा किए गए विकल्प बेहतर काम करेंगे — और यह जानबूझकर चुनने की विशेषता है, compromise नहीं।

अक्सर पूछे जाने वाले प्रश्न

क्या deploy a Lovable app वास्तव में मुफ़्त है?

हाँ। jsdeck इस तरह के प्रोजेक्ट्स के लिए HTTPS के साथ मुफ़्त static hosting देता है, शुरू करने के लिए क्रेडिट कार्ड की ज़रूरत नहीं। datastore और visitor auth जैसी वैकल्पिक सुविधाएँ जब चाहिए तब उपलब्ध हैं।

क्या मेरा AI-generated ऐप बिना changes के काम करेगा?

आमतौर पर हाँ, जब तक static files में build हो। absolute asset paths और hardcoded secrets check करें — generated code में common हैं।

Preview links expire, throttle, या builder login माँग सकते हैं। jsdeck URL आपके प्रोजेक्ट का stable, independent home है।

अगले कदम

AI app deployment hub में और गाइड देखें
अपना पहला ऐप deploy करने के लिए getting started guide अपनाएँ
datastore, secure accounts (auth API), और CLI deploy details के लिए developer docs पढ़ें