Export के बाद Bolt ऐप deploy करें: production hosting की बुनियाद

· jsdeck team · 4 मिनट पढ़ना
Export के बाद Bolt ऐप deploy करें: production hosting की बुनियाद

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

AI preview से real 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 ने भी ऐप बनाया, goal वही है: static files का folder। ज़्यादातर प्रोजेक्ट npm run build से यह बनाते हैं (अक्सर dist/ में)। कुछ builders में explicit "export" या "download code" button होता है। अगर सिर्फ hosted preview है, तो प्रोजेक्ट local repo में copy करके वहाँ build करें — आपको ऐसे artifacts चाहिए जिन पर आपका control हो।

Step-by-step deploy

  1. Locally build या export करें ताकि static output folder मिले
  2. jsdeck.com/signup पर sign up करें — क्रेडिट कार्ड की ज़रूरत नहीं
  3. App बनाएँ और folder upload करें, या terminal से jsdeck deploy चलाएँ
  4. https://your-slug.jsdeck.com खोलें और share करें
  5. Optional: 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 through करें, कम से कम एक deep link पर refresh करें, और phone-width viewport पर resize करें। कुछ टूटे तो locally fix करें, rebuild करें, और फिर upload करें; jsdeck prior deploy को in place replace करता है। दो मिनट का smoke test उस awkward case को रोकता है जहाँ client या recruiter पहले broken asset path या stale preview-only 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 नहीं।

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

क्या export के बाद Bolt ऐप deploy करना वाकई मुफ़्त है?

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

क्या मेरा 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 है।

अगले कदम

लेखक के बारे में

jsdeck टीम static JavaScript ऐप्स के लिए व्यावहारिक deployment गाइड लिखती है। प्रतिक्रिया भेजें.

डिप्लॉय करने के लिए तैयार?

अपना static ऐप मिनटों में live URL पर प्रकाशित करें — वैकल्पिक datastore और visitor auth के साथ मुफ़्त होस्टिंग।

मुफ़्त शुरू करें