अपने Claude artifact को असली website बनाएँ

Claude ने page बना दिया और artifact panel में सही दिख रहा है. नीचे उसका code paste करें और ऐसा address पाएँ जो किसी को भी भेज सकें, HTTPS और आपके नाम के साथ.

  • your-name.hostilo.page जैसा address, HTTPS के साथ
  • 5 pages तक और 50 MB, कोई card नहीं
  • Live preview वाला code editor

आपका code इसी browser में रहता है. Free account बनाते ही यह editor में तैयार मिलेगा.

Hostilo अब Claude की कनेक्टर डायरेक्टरी में है

Hostilo को Claude में एक बार जोड़ें, फिर बस कहें "इसे Hostilo पर प्रकाशित करो"। Claude फ़ाइलें खुद भेज देता है, कॉपी करने की ज़रूरत नहीं।

Claude में जोड़ें

यह कैसे काम करता है

  1. Claude में artifact खोलें और panel के ऊपर कोने में Copy (या Download) दबाएँ.
  2. Code यहाँ paste करें और Publish दबाएँ. अपने email से free account बनाएँ.
  3. एक नाम चुनें. आपका page name.hostilo.page पर live हो जाएगा और आप उसे browser में edit कर सकते हैं.

ऐसा prompt जिससे publish के लिए तैयार code मिले

इसे एक ही HTML file में बनाओ, जिसके अंदर CSS और JavaScript हों, React component के रूप में नहीं. CDN से load होने वाले fonts और libraries के अलावा कोई बाहरी file नहीं. Page:

इसे अपनी AI chat में paste करें और colon के बाद अपने page के बारे में लिखें.

आम दिक्कतें

Claude ने HTML की जगह React component दिया

React artifacts (.jsx) को build step चाहिए. Claude से कहें: "इस artifact को एक standalone HTML file में बदलो जो React को CDN से load करे". नतीजा सीधे Hostilo में paste हो जाएगा.

Publish के बाद images नहीं दिख रहीं

Claude अक्सर ऐसी files का नाम देता है जो सिर्फ chat में थीं, जैसे image.png. Editor के Files tab में उन्हीं नामों से images upload करें, या Claude से image URLs इस्तेमाल करने को कहें.

हिंदी या दूसरी भाषा के अक्षर टूटे दिख रहे हैं

देखें कि code के head में <meta charset="UTF-8"> है. Claude आमतौर पर इसे जोड़ता है, लेकिन code का सिर्फ हिस्सा copy करने पर यह छूट जाता है.

Free plan में आपको क्या मिलता है

PRO में आपका अपना domain, 20 pages, 1 GB, बिना badge और एक साल के stats मिलते हैं, $29 प्रति साल में. Sign up के बाद 7 दिन free आज़माएँ.

सवाल

क्या Claude का अपना Publish button काफी नहीं है?

वह artifact को claude.ai पर share करता है. Hostilo उसे normal website address देता है, code edit करने, subpages जोड़ने, contact form लगाने और बाद में अपना domain जोड़ने देता है.

क्या Claude बिना copy किए Hostilo पर publish कर सकता है?

हाँ. Claude में Hostilo connector (https://hostilo.app/mcp) जोड़ें, access approve करें और कहें "इसे Hostilo पर publish करो". Claude files खुद भेज देता है.

Chat बंद करने के बाद भी page online रहेगा?

हाँ. Page Hostilo पर रहता है, conversation में नहीं. Free plan पर बस महीने में एक बार login करें ताकि page pause न हो.

क्या मैं बाद में page बदल सकता हूँ?

Editor में खोलें, text या code बदलें और save करें. या Claude से नया version पुराने के ऊपर paste करें. पिछले versions रखे जाते हैं, तो आप वापस जा सकते हैं.

पूरा guide पढ़ें

How to Publish a Claude Artifact as a Real Website

मिलते-जुलते guides

ChatGPT से बनी website online डालेंChatGPT chat या Canvas से live link तक.अपने coding agent से website publish करवाएँClaude Code, Codex, Cursor खुद publish करते हैं.ZIP upload करें, website पाएँएक upload में पूरा folder online.सभी guidesआप क्या online डालना चाहते हैं?

आपका page एक मिनट में online हो सकता है

Email और password से sign up करें. Free plan, कोई card नहीं.

Free शुरू करें