Claude Code से ऐप कैसे डिप्लॉय करें

एक ही सेशन में Claude Code से ऐप डिप्लॉय करें: Fine Structure को MCP या ओपन सोर्स प्लगइन से जोड़ें, फिर होस्टिंग, डेटाबेस, लॉगिन और अपना डोमेन पाएँ।

यह गाइड किसके लिए है

वे बिल्डर जो Claude Code में काम करते हैं और चाहते हैं कि अभी बनाया हुआ प्रोजेक्ट लाइव हो जाए, होस्टिंग, डेटा और लॉगिन सँभले हुए।

आपको क्या मिलेगा

- Claude Code से लाइव URL तक एक ही सेशन में चलने वाला डिप्लॉय रास्ता

- इसकी साफ तस्वीर कि प्लेटफॉर्म आपके लिए क्या होस्ट करता है: पेज, डेटाबेस, लॉगिन, डोमेन

- एक ईमानदार कसौटी कि स्टैटिक होस्ट कब बेहतर बैठता है

Claude Code से डिप्लॉय करने का असल मतलब क्या है?

Claude Code से ऐप डिप्लॉय करने के लिए आप Claude को ऐसे runtime से जोड़ते हैं जो उसे होस्ट कर सके। Fine Structure में दो रास्ते हैं: claude.ai की सेटिंग्स में https://finestructure.ai/api/mcp को कस्टम कनेक्टर के रूप में जोड़ें और OAuth स्क्रीन मंज़ूर करें, या ओपन सोर्स प्लगइन को /plugin marketplace add finestructure-ai/claude-plugin और फिर /plugin install finestructure@finestructure से इंस्टॉल करें। इसके बाद Claude या तो create_app से पूरा ऐप बना देता है, या आपके मौजूदा प्रोजेक्ट को फाइल दर फाइल प्लेटफॉर्म के runtime में ले जाता है, और नतीजा होस्ट किए गए React पेजों के रूप में चलता है, साथ में मैनेज्ड डेटाबेस, लॉगिन, कस्टम डोमेन और सेव वर्ज़न पर वापसी। फ्री टियर के लिए कार्ड नहीं चाहिए: ऐप बनाना क्रेडिट खर्च करता है, जबकि एडिट, पब्लिश और डोमेन मुफ्त हैं।

Claude Code ऐप्लिकेशन बनाने में बहुत अच्छा है और उसे चलाने में पूरी तरह लाचार। सेशन खत्म होता है तो डिस्क पर एक फोल्डर बचता है: React कंपोनेंट, एक डेटा मॉडल जो बातचीत के दौरान आकार लेता गया, और एक लॉगिन फ्लो जो चुपचाप मान लेता है कि कहीं कोई सर्वर है। डिप्लॉय वही पल है जब उस फोल्डर को एक URL मिलता है, पीछे एक डेटाबेस आ जाता है, और लॉगिन दूसरे लोगों के लिए भी काम करने लगता है।

इस पड़ाव का सामान्य जवाब प्लंबिंग है: कोड को किसी repository में भेजिए, CI जोड़िए, कहीं और डेटाबेस खड़ा कीजिए, एक ऑथ सर्विस लगाइए, DNS सेट कीजिए और सर्टिफिकेट का इंतज़ार कीजिए। हर हिस्सा अलग से समझ में आता है और सबका जोड़ पूरी एक दोपहर है। दूसरा जवाब यह है कि Claude Code को सीधे ऐसे runtime तक पहुँच दी जाए जिसमें ये सब पहले से हो, ताकि डिप्लॉय उसी बातचीत के भीतर एक टूल कॉल बन जाए।

• React पेज परोसने की जगह, जहाँ TLS पहले से सँभाला हुआ हो
• एक डेटाबेस जो पहला रिकॉर्ड लिखे जाने से पहले ही मौजूद हो
• ऐसा लॉगिन जिससे असली उपयोगकर्ता गुज़र सकें, और जिसके session पेज रिफ्रेश पर भी बने रहें
• आपका अपना डोमेन, बीच में hash वाला कोई preview URL नहीं
• वापस लौटने का रास्ता, जब पता चले कि नया बदलाव पुराने से खराब निकला

सीधी बात: हमारा प्लेटफॉर्म आपके मौजूदा स्टैक पर कसा हुआ कोई डिप्लॉय बटन नहीं है। यह एक runtime है और ऐप इसी के भीतर रहने चला जाता है। यह एक असली सौदा है: होस्टिंग, डेटाबेस, लॉगिन और डोमेन आपको खुद जोड़े बिना मिलते हैं, और बदले में आप सर्वर की परत पर नियंत्रण छोड़ देते हैं।

Claude को Fine Structure से कैसे जोड़ें?

दो रास्ते, मंज़िल एक: वही अकाउंट और वही ऐप्स। अगर आपका ज़्यादातर काम claude.ai में होता है तो कनेक्टर चुनिए। अगर आप टर्मिनल में रहते हैं और चाहते हैं कि डिप्लॉय के कमांड कोड के बगल में हों तो प्लगइन चुनिए।

रास्ता 1: MCP कनेक्टर: claude.ai में सेटिंग्स खोलिए, Add custom connector चुनिए, URL में https://finestructure.ai/api/mcp पेस्ट कीजिए और OAuth स्क्रीन मंज़ूर कीजिए। एक क्लिक, न कोई API key, न कोई एनवायरनमेंट वेरिएबल जो किसी फाइल में हमेशा के लिए पड़ा रहे। इसके बाद Claude करीब 70 टूल देखता है: ऐप बनाना, फाइल लिखना, entities, पब्लिश करना, डोमेन और एनालिटिक्स।

रास्ता 2: ओपन सोर्स Claude Code प्लगइन: /plugin marketplace add finestructure-ai/claude-plugin चलाइए, फिर /plugin install finestructure@finestructure। इससे आपके सेशन में /deploy, /fs-status और /fs-domain जुड़ जाते हैं। सोर्स सार्वजनिक है, इसलिए किसी विवरण पर भरोसा करने के बजाय आप इंस्टॉल से पहले खुद पढ़ सकते हैं कि यह क्या भेजता है।

• कनेक्टर: ब्राउज़र से शुरू होने वाला काम, एक वाक्य से ऐप बनवाना, बिना लोकल चेकआउट के
• प्लगइन: वह repository जो पहले से डिस्क पर है, और उसी टर्मिनल से डिप्लॉय जहाँ आप टेस्ट चलाते हैं
• दोनों एक ही अकाउंट और एक ही ऐप्स की ओर इशारा करते हैं, इसलिए इनके बीच बदलने की कोई कीमत नहीं

डायरेक्टरी लिस्टिंग के बारे में: डायरेक्टरियों में हमारे आवेदन अभी समीक्षा में हैं। जब तक वह पूरी नहीं होती, हम कनेक्टर या प्लगइन को ऑफिशियल, वेरिफाइड या लिस्टेड नहीं कहेंगे। इन्हें इसलिए इंस्टॉल कीजिए कि पता सार्वजनिक है और सोर्स पढ़ा जा सकता है, किसी बैज की वजह से नहीं।

Claude नया ऐप बनाए या आपका मौजूदा प्रोजेक्ट ले जाए?

डिप्लॉय के दो तरीके हैं। एक एक वाक्य से शुरू होता है: create_app एक छोटा विवरण लेता है और पेज, entities की स्कीमा, लॉगिन की वायरिंग और चलता हुआ URL लिए पूरा ऐप्लिकेशन बना देता है। जब विचार अभी कच्चा हो और उसे समझने का सबसे तेज़ तरीका उसे देख लेना हो, यह तेज़ रास्ता है। ऐप बनाना क्रेडिट खर्च करता है और इस पूरी प्रक्रिया का यही एकमात्र मापा जाने वाला हिस्सा है।

दूसरा तरीका उस प्रोजेक्ट को ले जाता है जो आपके पास पहले से है। Claude आपकी फाइलें पढ़ता है और उन्हें एक एक कर प्लेटफॉर्म के runtime में दोबारा लिखता है: पेज प्लेटफॉर्म के पेज बन जाते हैं, डेटा मॉडल entities बन जाता है, और ऑथ कॉल प्लेटफॉर्म के लॉगिन में बदल जाती हैं। यह माइग्रेशन है, आँख मूँदकर किया गया अपलोड नहीं। हर वह फाइल जो आपके अपने सर्वर को मान कर चल रही थी, runtime के हिसाब से दोबारा लिखी जाती है, और ठीक यहीं Claude Code अपनी जगह बनाता है।

• डेटा आज कहाँ रहता है, और कौन सी टेबल entities बनेंगी
• कौन से पेज सर्वर पर रेंडर होते थे और उन्हें React पेज बनना है
• कौन सी API कॉल आपके अपने बैकएंड पर जाती हैं और उन्हें प्लेटफॉर्म पर विकल्प चाहिए
• थर्ड पार्टी की keys, जो लोकल .env के बजाय प्लेटफॉर्म की सेटिंग्स में चली जाती हैं

एक असली पहला सेशन कैसा दिखता है: Claude से ऐप बनवाइए, preview खोलिए, और उसी बातचीत में फाइलें एडिट करते रहिए जब तक पेज वैसे न दिखने लगें जैसा आपने सोचा था। फाइल एडिट और पब्लिश क्रेडिट नहीं खर्च करते, इसलिए बनाने के बाद का सुधार वाला चक्र मुफ्त है। जब सब ठीक लगे तो पब्लिश कीजिए, डोमेन जोड़िए, और TLS को खुद सुलझने दीजिए।

स्टैटिक होस्ट पर डिप्लॉय करने से इसकी तुलना कैसी है?

स्टैटिक होस्ट अपने काम में बहुत अच्छे हैं। अगर आपका नतीजा सिर्फ एक फ्रंटएंड बंडल है तो वे उसे हमसे तेज़, सस्ता और बड़े इकोसिस्टम के साथ परोसेंगे। तुलना तभी दिलचस्प होती है जब ऐप को state, उपयोगकर्ता और लौटने का रास्ता चाहिए।

ऐप को क्या चाहिए | Fine Structure | स्टैटिक डिप्लॉय लक्ष्य

होस्टिंग | प्लेटफॉर्म के runtime से परोसे गए होस्टेड React पेज | फ्रंटएंड की सबसे तेज़ रफ्तार, सबसे बड़ा इकोसिस्टम

डेटाबेस | मैनेज्ड entities, पहली डिप्लॉय से पहले ही तैयार | अपना लाइए, अलग से खड़ा करके जोड़िए

लॉगिन | पहले से मौजूद, हर ऐप के अपने session और उपयोगकर्ता के साथ | अपनी ऑथ सर्विस या कोई बाहरी प्रोवाइडर लाइए

डोमेन | ऑटोमैटिक TLS के साथ कस्टम डोमेन | ऑटोमैटिक TLS के साथ कस्टम डोमेन, परिपक्व प्रक्रिया

वापसी | ऐप का सेव किया हुआ वर्ज़न बहाल कीजिए | पुराना build दोबारा डिप्लॉय कीजिए या commit वापस लीजिए

एजेंट | AI एजेंट जो शेड्यूल पर काम करते रहते हैं | शामिल नहीं, उन्हें कहीं और चलाइए

हम कब गलत विकल्प हैं: तीन स्थितियाँ जिनमें कोई और औज़ार बेहतर है, और हम यह साफ कहेंगे। ऐसा सर्वर runtime जो आपका अपना ही होना चाहिए, जैसे Go की बाइनरी या खास सिस्टम लाइब्रेरी माँगने वाला Python worker। ऐसा monorepo जिसका अपना बैकएंड है और जिसे आप दोबारा नहीं लिखेंगे। और बड़े पैमाने पर शुद्ध स्टैटिक होस्टिंग, जहाँ बिना डेटाबेस वाला CDN जीतता है।

पहली डिप्लॉय के बाद आपको क्या मिलता है?

डिप्लॉय काम का अंत नहीं है। यह वह जगह है जहाँ ऐप राय के बजाय तथ्य बनाने लगता है। वहाँ चार चीज़ें खुलती हैं, और इनमें से किसी के लिए भी बातचीत से बाहर जाना नहीं पड़ता।

• ऑटोमैटिक TLS वाले कस्टम डोमेन, ताकि ऐप आपके अपने नाम पर जवाब दे
• सेव वर्ज़न पर वापसी, ताकि खराब बदलाव एक बहाली भर रहे, डीबगिंग की पूरी शाम नहीं
• ट्रैफिक एनालिटिक्स, ताकि आप देख सकें कि कोई पहुँचा भी या नहीं
• AI एजेंट जो डिप्लॉय के बाद भी शेड्यूल पर काम करते रहते हैं और अपने वेरिफाइड मालिक को WhatsApp या ईमेल पर संदेश भेज सकते हैं

एजेंट वही हिस्सा हैं जो लोगों को चौंकाते हैं। यहाँ एजेंट पेज पर चिपकाया गया कोई चैट विजेट नहीं है। यह ऐप से जुड़ा एक कर्मी है जो लैपटॉप बंद करने के बाद भी शेड्यूल पर चलता रहता है, ऐप का अपना डेटा पढ़ता है, और अपने वेरिफाइड मालिक को WhatsApp या ईमेल पर संदेश भेज सकता है। ऐप आपके देखने का इंतज़ार करने के बजाय खुद बता देता है कि कुछ हुआ है।

ऐप बनने के बाद सब कुछ उसी Claude सेशन में रहता है: फाइल बदलिए, पब्लिश कीजिए, डोमेन देखिए, एनालिटिक्स पढ़िए, एजेंट को ठीक कीजिए। फ्री टियर कार्ड नहीं माँगता, इसलिए इसे परखने का ईमानदार तरीका यही है कि Claude को एक छोटे से असली ऐप पर लगाइए और देखिए वह कहाँ तक पहुँचता है।

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

क्या Claude Code अपने आप ऐप डिप्लॉय कर सकता है?

अकेले नहीं। Claude Code फाइलें लिखता और बदलता है, और उसे ऐसा लक्ष्य चाहिए जो उन्हें होस्ट कर सके। हमारा MCP कनेक्टर जोड़िए या प्लगइन इंस्टॉल कीजिए, फिर डिप्लॉय एक टूल कॉल बन जाती है: ऐप बनाना, फाइलें लिखना, पब्लिश करना, डोमेन जोड़ना।

Fine Structure के MCP सर्वर का URL क्या है?

https://finestructure.ai/api/mcp। claude.ai में सेटिंग्स खोलिए, Add custom connector चुनिए, यह URL पेस्ट कीजिए और OAuth स्क्रीन मंज़ूर कीजिए। कोई API key कॉपी नहीं करनी, और उसके बाद Claude करीब 70 टूल देखता है।

Claude Code का डिप्लॉय प्लगइन कैसे इंस्टॉल करें?

/plugin marketplace add finestructure-ai/claude-plugin चलाइए, फिर /plugin install finestructure@finestructure। आपको /deploy, /fs-status और /fs-domain मिलते हैं। प्लगइन ओपन सोर्स है, और डायरेक्टरियों में हमारे आवेदन समीक्षा में हैं, इसलिए हम ऑफिशियल होने का दावा नहीं करते।

क्या फ्री टियर है, और क्या क्रेडिट कार्ड चाहिए?

फ्री टियर है और वह कार्ड नहीं माँगता। ऐप बनाना क्रेडिट खर्च करता है। फाइल एडिट, पब्लिश और कस्टम डोमेन नहीं।

क्या नया ऐप बनाने के बजाय मैं अपना मौजूदा React प्रोजेक्ट डिप्लॉय कर सकता हूँ?

हाँ। Claude उसे फाइल दर फाइल प्लेटफॉर्म के runtime में ले जाता है: पेज प्लेटफॉर्म के पेज बन जाते हैं, डेटा मॉडल entities बन जाता है, और ऑथ कॉल दोबारा लिखी जाती हैं। यह माइग्रेशन है, अपलोड नहीं, इसलिए फाइलों का रूप बदलने की उम्मीद रखिए।

क्या प्लेटफॉर्म HTTPS और कस्टम डोमेन सँभालता है?

हाँ। कस्टम डोमेन जोड़िए और TLS अपने आप जारी हो जाता है। टर्मिनल से /fs-domain इस्तेमाल कीजिए, या MCP कनेक्टर के ज़रिए Claude से कह दीजिए।

अगर किसी डिप्लॉय से ऐप टूट जाए तो क्या करें?

सेव किया हुआ वर्ज़न बहाल कीजिए। रोलबैक ऐप को पिछली सेव स्थिति पर लौटा देता है, जो आम तौर पर प्रोडक्शन में बदलाव की जाँच से तेज़ है और आपको एक चलता हुआ आधार देता है।

यह काम के लिए गलत औज़ार कब है?

जब आपको ऐसा सर्वर runtime चाहिए जो आपका अपना ही होना चाहिए, जैसे Go की बाइनरी या खास सिस्टम लाइब्रेरी माँगने वाला Python worker। जब कोई monorepo अपना बैकएंड बनाए रखता है। या जब आप बड़े पैमाने पर शुद्ध स्टैटिक होस्टिंग चाहते हैं, जहाँ बिना डेटाबेस वाला CDN जीतता है।