ChatGPT या Claude से बनी HTML को ऑनलाइन कैसे publish करें

आपने ChatGPT, Claude या Gemini से एक वेबपेज माँगा और बदले में HTML का पूरा ढेर मिल गया, जो preview में शानदार दिखता है। इसके बाद सवाल हमेशा वही होता है: इसे ऑनलाइन कैसे डालूँ ताकि दूसरे लोग भी देख सकें? सबसे छोटा रास्ता यह रहा।

स्टेप 1: AI से एक ही self-contained फ़ाइल माँगें

कुछ भी copy करने से पहले AI से कहें कि सब कुछ एक फ़ाइल में डाल दे: "मुझे एक single HTML फ़ाइल दो जिसमें सारी CSS और JavaScript inline हो।" अलग-अलग फ़ाइलों वाले फ़ोल्डर की तुलना में एक self-contained index.html को host करना, share करना और अपडेट करना कहीं ज़्यादा आसान होता है।

स्टेप 2: कोड copy करें — फ़ाइल save करने की भी ज़रूरत नहीं

hdply पर मुफ़्त अकाउंट बनाएँ, editor खोलें, और AI की HTML सीधे paste कर दें। Deploy पर क्लिक करें और पेज my-site.hdply.com जैसे आपके अपने पते पर लाइव हो जाता है, HTTPS के साथ। अगर आपने कोड को फ़ाइल के रूप में save कर लिया है, तो drag and drop भी चलता है।

"AI ने लिखना खत्म किया" से "दोस्त लिंक खोल सकते हैं" तक का कुल समय: लगभग एक मिनट।

स्टेप 3: AI के साथ सुधारते जाएँ, सेकंडों में redeploy करें

AI से लिखवाए पेजों की असली ताक़त है iteration: बदलाव माँगिए, नया कोड लीजिए, paste कीजिए, save कीजिए। हर deploy अपने आप version होता है, इसलिए अगर version 5 में कुछ टूट जाए, तो एक क्लिक में version 4 वापस ला सकते हैं। न Git, न build pipeline — पूरा चक्र बस chat → paste → save है।

Publish करने से पहले तीन चीज़ें जाँच लें

• कोड में कोई secret न हो। अगर AI ने कोई API key जोड़ दी है (weather widget, नक्शे या LLM call के लिए), तो याद रखें कि पेज public है — कोई भी उसका source पढ़ सकता है। सिर्फ़ वही keys रखें जो public होने के लिए बनी हैं, वरना वह feature हटा दें।
• Images के लिए असली URL चाहिए। AI कभी-कभी ऐसी images का reference दे देता है जो होती ही नहीं। असली, hosted images के लिंक इस्तेमाल करें — या AI से inline SVG माँग लें, जिसे किसी बाहरी फ़ाइल की ज़रूरत नहीं होती।
• Mobile पर जाँच। Paste करके deploy करें, फिर URL अपने फ़ोन पर खोलें। जो कुछ बिगड़ा दिखे, AI से ठीक करवाएँ; redeploy करने में बस सेकंड लगते हैं।

सीधे chat का लिंक या screenshot क्यों नहीं?

Chat के लिंक expire हो जाते हैं, अकाउंट माँगते हैं, और आपके prompts दिखा देते हैं। Screenshot interactive नहीं होते। असली URL स्थायी है, हर device पर खुलता है, और एक तैयार product जैसा दिखता है — क्योंकि वह है ही।

संबंधित: HTML फ़ाइल को लिंक की तरह share करें · HTML फ़ाइल को ऑनलाइन कैसे डालें