कोई भी Vite ऐप होस्ट करें: हर static build के लिए एक रास्ता

· jsdeck team · 4 मिनट पढ़ना
कोई भी Vite ऐप होस्ट करें: हर static build के लिए एक रास्ता

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

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

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

अगर आपका प्रोजेक्ट पहले से locally चलता है और build folder बनाता है, तो आपके पास ज़रूरी सब कुछ है।

Static bundle बनाएँ

Vite app host करने का मूल विचार यह है कि आपका framework सादे HTML, CSS और JavaScript में compile हो जाता है। production build चलाएँ (npm run build ज़्यादातर setups में) और पुष्टि करें कि output folder दिखे। upload से पहले npx serve dist (folder नाम adjust करें) से locally verify करें।

चार चरणों में deploy

  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 इस्तेमाल करता है, तो unknown paths को index.html पर rewrite होना चाहिए, वरना deep link पर refresh 404 देता है। jsdeck hosted apps के लिए SPA fallback अपने आप लगाता है, इसलिए React Router, Vue Router और इसी तरह के routers बिना extra setup के काम करते हैं। (अंतर्निहित mechanics के लिए hub में routing fix guides देखें।)

Custom domain, HTTPS और persistence

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

Static deploy troubleshooting

ज़्यादातर first-deploy problems कुछ ही कारणों से आती हैं। क्रम से इन्हें check करें:

  • 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 कर रहा है confirm करें और jsdeck के automatic rewrite पर भरोसा करें।
  • पुराना version अभी भी दिख रहा: cached asset। Bundlers filenames में content hashes जोड़ते हैं, इसलिए fresh build और hard refresh से resolve हो जाता है।
  • 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 नहीं।

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

क्या Vite app host करना वाकई मुफ़्त है?

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

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

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

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

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

अगले कदम

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

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

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