बिना server web app deploy करें: minimalist approach

· jsdeck team · 4 मिनट पढ़ना
बिना server web app deploy करें: minimalist approach

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

पूर्व-आवश्यकताएँ

  • Node.js इंस्टॉल (या आपके framework के लिए संबंधित SDK)
  • ऐसा प्रोजेक्ट जो static files में बिल्ड हो (आमतौर पर dist/, build/, या out/)
  • मुफ़्त jsdeck अकाउंट — क्रेडिट कार्ड की ज़रूरत नहीं

अगर आपका प्रोजेक्ट पहले से locally चलता है और build folder बनाता है, तो आपके पास जो चाहिए वह सब है।

स्थिर बंडल बनाएँ

बिना server web app deploy करने का मूल विचार यह है कि आपका framework सादे HTML, CSS, और JavaScript में कंपाइल हो जाता है। अपना production build चलाएँ (npm run build ज़्यादातर setup में) और पुष्टि करें कि output folder बन गया। upload से पहले npx serve dist (folder नाम बदलें) से locally जाँच लें।

चार चरणों में डिप्लॉय करें

  1. Build: npm run build
  2. Sign up: मुफ़्त अकाउंट बनाएँ
  3. Upload: output folder jsdeck dashboard में drag करें, या jsdeck deploy चलाएँ
  4. Verify: अपना *.jsdeck.com URL खोलें और navigation, deep links, और refresh जाँचें

static hosts पर client-side routing

अगर आपके ऐप में client-side router है, तो अज्ञात paths को index.html पर rewrite होना चाहिए, वरना deep link पर refresh 404 देगा। jsdeck hosted apps के लिए SPA fallback अपने आप लगाता है, इसलिए React Router, Vue Router, और इसी तरह के router बिना extra setup के काम करते हैं। (अंतर्निहित mechanics के लिए, hub में routing fix guides देखें।)

कस्टम डोमेन, HTTPS, और persistence

jsdeck subdomains के लिए HTTPS अपने आप provision होता है। production के लिए तैयार हों तो app dashboard से custom domain जोड़ें। अगर ऐप को कुछ store करना है, तो browser-only storage पर भरोसा करने की बजाय datastore enable करें ताकि data devices और sessions में बना रहे।

static deploy में समस्या निवारण

ज़्यादातर पहली deploy की समस्याएँ कुछ कारणों से आती हैं। क्रम से इन्हें देखें:

  • Deploy के बाद blank page: आमतौर पर asset-path issue। अगर bundler absolute paths (/assets/...) emit करता है लेकिन sub-path expect करता है, तो build config में सही base set करके rebuild करें।
  • Deep link refresh पर 404: ऊपर वाला SPA-fallback case — router history mode use कर रहा है यह पुष्टि करें और jsdeck के automatic rewrite पर भरोसा करें।
  • पुराना version अभी भी दिख रहा: cached asset। Bundlers filenames में content hashes जोड़ते हैं, इसलिए fresh build और hard refresh से ठीक हो जाता है।
  • Mixed-content warnings: हर request HTTPS use करे; jsdeck आपका ऐप HTTPS पर serve करता है, इसलिए कोई भी http:// resource browser block कर देगा।

Upload से पहले npm run preview से locally verify करने से लगभग हर बार एक round-trip बच जाता है।

यह किसके लिए है, और 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 web app without a server वाकई मुफ़्त है?

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

क्या Git repository connect करनी होगी?

नहीं। आप build folder सीधे dashboard में upload कर सकते हैं, या command line से jsdeck deploy चला सकते हैं। Git optional है।

क्या client-side routes refresh पर टूट जाएँगे?

नहीं। jsdeck SPA fallback लगाता है ताकि deep links और refresh 404 की बजाय आपके ऐप पर resolve हों।

अगले कदम

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

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

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