Claude artifact को असली डोमेन पर डिप्लॉय करें: प्रीव्यू-केवल जाल से बचें
अगर आपने deploy a Claude artifact to a real domain खोजा है, तो आपको काम करते हुए कोड से सार्वजनिक URL तक का सबसे छोटा, भरोसेमंद रास्ता चाहिए — बिना सर्वर सेट अप किए, विशाल क्लाउड डैशबोर्ड सीखे, या एक भी यूज़र होने से पहले क्रेडिट कार्ड डाले। यह गाइड बताती है कि jsdeck से यह कैसे करें, ट्रेड-ऑफ़ क्या हैं, और कब कोई दूसरा टूल वाकई बेहतर विकल्प है। हम इसे व्यावहारिक रखेंगे: असली कदम, असली कमांड, और ईमानदार चेतावनियाँ।
AI प्रीव्यू से असली URL तक
AI बिल्डर अपने इंटरफ़ेस में प्रीव्यू देते हैं। इटरेट करने के लिए यह बढ़िया है, लेकिन रिक्रूटर, क्लाइंट, टीममेट और असली यूज़र को खुले वेब पर स्थिर URL चाहिए — जो समाप्त न हो, बिल्डर लॉगिन न माँगे, और किसी भी डिवाइस पर काम करे। jsdeck स्टैटिक एक्सपोर्ट (HTML, CSS, JS) लेकर HTTPS पर SPA-अनुकूल रूटिंग के साथ सर्व करता है।
पहले स्टैटिक एक्सपोर्ट लें
जो भी टूल ऐप बनाया, लक्ष्य एक ही है: स्टैटिक फ़ाइलों का फ़ोल्डर। ज़्यादातर प्रोजेक्ट npm run build से बनाते हैं (अक्सर dist/ में)। कुछ बिल्डर में स्पष्ट "export" या "download code" बटन होता है। अगर केवल होस्टेड प्रीव्यू है, तो प्रोजेक्ट लोकल रिपॉ में कॉपी करके वहाँ बिल्ड करें — आपको नियंत्रण में artifacts चाहिए।
कदम दर कदम डिप्लॉय
- लोकल पर प्रोजेक्ट बिल्ड या एक्सपोर्ट करें ताकि स्टैटिक आउटपुट फ़ोल्डर मिले
- jsdeck.com/signup पर साइन अप करें — क्रेडिट कार्ड की ज़रूरत नहीं
- ऐप बनाएँ और फ़ोल्डर अपलोड करें, या टर्मिनल से
jsdeck deployचलाएँ https://your-slug.jsdeck.comखोलें और शेयर करें- वैकल्पिक: सेव स्थिति के लिए datastore और gated एक्सेस के लिए visitor auth चालू करें
जनित ऐप्स की आम गलतियाँ
- प्रीव्यू-केवल लिंक समाप्त होते हैं या AI टूल अकाउंट माँगते हैं — इन्हें कभी अपना "असली" लिंक न समझें
- पूर्ण asset पथ नए होस्ट पर टूटते हैं; relative पथ इस्तेमाल करें या Vite में
baseसही सेट करें - हार्डकोडेड API keys कभी-कभी जनित कोड में आ जाती हैं — डिप्लॉय से पहले वास्तविक secrets हटाएँ; jsdeck datastore keys केवल गैर-संवेदनशील ऐप डेटा के लिए
- क्लाइंट-साइड रूट रिफ़्रेश पर 404 जब तक होस्ट
index.htmlपर रीराइट न करे (jsdeck होस्टेड ऐप्स के लिए संभालता है)
प्रोडक्शन-तैयार बनाएँ
लाइव होने के बाद कस्टम डोमेन जोड़ें, डीप लिंक और रिफ़्रेश दोबारा जाँचें, और अगर ऐप कुछ स्टोर करता है तो ब्राउज़र-केवल स्थिति के बजाय jsdeck datastore से जोड़ें ताकि डेटा डिवाइसों में बना रहे।
लाइव लिंक शेयर से पहले सत्यापन
अपना *.jsdeck.com URL निजी/incognito विंडो में खोलें — AI बिल्डर में लॉग इन टैब में नहीं। मुख्य यूज़र फ़्लो चलाएँ, कम से कम एक डीप लिंक पर रिफ़्रेश करें, और फ़ोन-चौड़ाई viewport पर देखें। कुछ टूटे तो लोकल ठीक करें, दोबारा बिल्ड करें और अपलोड करें; jsdeck पिछला डिप्लॉय जगह पर बदल देता है। दो मिनट का smoke test उस अजीब स्थिति से बचाता है जहाँ क्लाइंट या रिक्रूटर पहले टूटे asset पथ या पुरानी प्रीव्यू-केवल धारणा पर पहुँचता है।
यह किसके लिए है, और jsdeck कब नहीं
अच्छा विकल्प: स्टैटिक फ्रंटएंड, सिंगल-पेज ऐप्स, डेमो, पोर्टफ़ोलियो, MVP, AI-जनित एक्सपोर्ट, और थोड़ी JSON पर्सिस्टेंस या हल्का visitor login चाहने वाले ऐप।
उपयुक्त नहीं: लंबे समय तक चलने वाला Node सर्वर, रिक्वेस्ट समय पर server-side rendering, WebSocket बैकएंड, निजी server-side secrets, बैकग्राउंड जॉब, या पूर्ण relational डेटाबेस चाहने वाले ऐप। उनके लिए हमारे तुलना हब में चर्चित विकल्प बेहतर होंगे — और जानबूझकर चुनना यही सही है, समझौता नहीं।
अक्सर पूछे जाने वाले प्रश्न
क्या Claude artifact को असली डोमेन पर डिप्लॉय करना वाकई मुफ़्त है?
हाँ। jsdeck इस तरह के प्रोजेक्ट्स के लिए HTTPS सहित मुफ़्त स्टैटिक होस्टिंग देता है, शुरू करने के लिए क्रेडिट कार्ड की ज़रूरत नहीं। datastore और visitor auth जैसी वैकल्पिक सुविधाएँ ज़रूरत पड़ने पर उपलब्ध हैं।
क्या मेरा AI-जनित ऐप बिना बदलाव के काम करेगा?
आमतौर पर हाँ, जब तक स्टैटिक फ़ाइलों में बिल्ड हो। पूर्ण asset पथ और हार्डकोडेड secrets जाँचें — दोनों जनित कोड में आम हैं।
बिल्डर का प्रीव्यू लिंक क्यों न शेयर करें?
प्रीव्यू लिंक समाप्त हो सकते हैं, throttle हो सकते हैं, या बिल्डर लॉगिन माँग सकते हैं। jsdeck URL आपके प्रोजेक्ट का स्थिर, स्वतंत्र घर है।
अगले कदम
- AI ऐप डिप्लॉयमेंट हब में और गाइड देखें
- पहला ऐप डिप्लॉय करने के लिए शुरुआत गाइड अनुसरण करें
- datastore, सुरक्षित अकाउंट (auth API), और CLI डिप्लॉय विवरण के लिए डेवलपर दस्तावेज़ पढ़ें