अपने Claude Code प्रोजेक्ट को Hostinger पर सुरक्षित तरीके से डिप्लॉय करें

GitHub से साइन इन करें

VS Code Sign In Continue with GitHub

रिपॉज़िटरी बनाएँ

GitHub New Repository

रिपॉज़िटरी का स्पष्ट नाम चुनें Private चुनें README, License और .gitignore को अनचेक रहने दें रिपॉज़िटरी बनाएँ HTTPS URL कॉपी करें

एक तेज़ लोकल टेस्ट चलाएँ

Node.js डाउनलोड करें

Node.js केवल तभी इंस्टॉल करें जब npm उपलब्ध न हो।

https://nodejs.org/en

npm install

npm run dev

लोकल URL खोलें और पुष्टि करें कि प्रोजेक्ट सही काम कर रहा है।

सुरक्षित पब्लिशिंग प्रॉम्प्ट का उपयोग करें

Git डाउनलोड करें

Git केवल तभी इंस्टॉल करें जब वह उपलब्ध न हो।

https://git-scm.com/

सुरक्षित GitHub पुश प्रॉम्प्ट

नीचे अपनी GitHub रिपॉज़िटरी URL जोड़ें, फिर Claude Code में कस्टमाइज़ किया गया प्रॉम्प्ट इस्तेमाल करें।

मैंने पहले ही एक खाली GitHub रिपॉज़िटरी बना ली है। GitHub रिपॉज़िटरी URL: {{GITHUB_REPOSITORY_URL}} कृपया इस लोकल प्रोजेक्ट को तैयार करके उस GitHub रिपॉज़िटरी पर पुश करें। नियम: - ऐप कोड, UI, डिज़ाइन, रूट्स, डेटाबेस लॉजिक, बैकएंड लॉजिक, Supabase लॉजिक या फ़ंक्शनैलिटी न बदलें। - सिर्फ़ Git और GitHub पब्लिशिंग संभालें। - पहले Git स्टेटस, ब्रांच, remotes, .gitignore और ट्रैक की गई फ़ाइलें जाँचें। - सुनिश्चित करें कि .env और .env.local कमिट न हों। - सुनिश्चित करें कि node_modules, dist, dist-ssr, *.tsbuildinfo, .DS_Store और लॉग फ़ाइलों जैसी जनरेट हुई फ़ाइलें इग्नोर हों। - अगर अनावश्यक फ़ाइलें पहले से ट्रैक हो रही हैं, तो उन्हें सिर्फ़ Git ट्रैकिंग से हटाएँ। असली प्रोजेक्ट फ़ाइलें न हटाएँ। - नई रिपॉज़िटरी के लिए main का उपयोग करें, जब तक कि किसी मौजूदा ब्रांच को बनाए रखना ज़रूरी न हो। - इस प्रोजेक्ट को GitHub रिपॉज़िटरी URL से कनेक्ट करें। - ज़रूरत हो तो एक साफ़ कमिट बनाएँ। - प्रोजेक्ट को GitHub पर पुश करें। अगर पुश विफल हो, तो सिर्फ़ Git/GitHub सेटअप की जाँच और मरम्मत करें। ऐप फ़ंक्शनैलिटी न बदलें। किसी भी विनाशकारी कार्रवाई से पहले, बताएँ कि आपको क्या मिला और आप क्या करने की योजना बना रहे हैं।

GitHub रिपॉज़िटरी URL

https://github.com/username/repository-name.git

Hostinger खोलें

Hostinger खोलें

इस चरण के लिए अपनी होस्टिंग सेटअप शुरू करें।

अनुशंसित

https://www.hostg.xyz/SHJTL

एक Node.js वेब ऐप बनाएँ

Hostinger Websites Add Website Node.js Web App

अपनी GitHub रिपॉज़िटरी इम्पोर्ट करें

ज़रूरत हो तो एनवायरनमेंट वेरिएबल जोड़ें

Claude Code से पूछें कि आपके प्रोजेक्ट को कौन-से एनवायरनमेंट वेरिएबल चाहिए, फिर Hostinger में केवल वही मान जोड़ें।

इस ट्यूटोरियल में उपयोग किए गए Supabase वेरिएबल

VITE_SUPABASE_URL VITE_SUPABASE_ANON_KEY

VITE_SUPABASE_URL

प्रोजेक्ट URL

VITE_SUPABASE_ANON_KEY

anon (सार्वजनिक) की

ये मान Supabase से लें

API सेटिंग्स खोलें

https://supabase.com/dashboard/project/_/settings/api

अपनी लाइव वेबसाइट खोलें

मुख्य पेजों का परीक्षण करें और पुष्टि करें कि प्रोजेक्ट की सुविधाएँ ऑनलाइन सही काम करती हैं।

भविष्य के अपडेट प्रकाशित करें

Claude Code से बदलाव करें बदलाव को लोकल पर जाँचें Source Control में फ़ाइलें देखें छोटे संदेश के साथ कमिट करें बदलाव GitHub पर सिंक करें

Hostinger अपने आप नवीनतम संस्करण फिर से डिप्लॉय कर देगा।

अनचाहे लोकल बदलाव हटाएँ

VS Code Source Control Modified File Discard Changes

VS Code Source Control More Actions Changes Discard All Changes

इन विकल्पों का उपयोग केवल बदलाव कमिट या सिंक करने से पहले करें।