AI-generated ऐप deploy करें: preview से live URL तक

6 जून 2026 · jsdeck team · 4 मिनट पढ़ना

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

AI preview से असली URL तक

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

पहले static export लें

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

step by step deploy करें

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

generated apps में common pitfalls

Preview-only links expire हो सकते हैं या AI tool account माँग सकते हैं — इन्हें अपना "असली" link कभी share न करें
Absolute asset paths नए host पर टूट जाते हैं; relative paths use करें या Vite में base सही set करें
Hardcoded API keys generated code में कभी-कभी आ जाते हैं — deploy से पहले असली 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 दोबारा जाँचें, और अगर ऐप कुछ store करता है तो browser-only state की बजाय jsdeck datastore से wire करें ताकि data devices में बना रहे।

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

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

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

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

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

क्या deploy an AI-generated app वाकई मुफ़्त है?

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

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

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

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

अगले कदम

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