अपने 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 में कस्टमाइज़ किया गया प्रॉम्प्ट इस्तेमाल करें।

I already created an empty GitHub repository. GitHub repository URL: {{GITHUB_REPOSITORY_URL}} Please prepare and push this local project to that GitHub repository. Rules: - Do not change the app code, UI, design, routes, database logic, backend logic, Supabase logic, or functionality. - Only handle Git and GitHub publishing. - Check Git status, branch, remotes, .gitignore, and tracked files first. - Make sure .env and .env.local are not committed. - Make sure generated files like node_modules, dist, dist-ssr, *.tsbuildinfo, .DS_Store, and log files are ignored. - If unnecessary files are already tracked, remove them from Git tracking only. Do not delete real project files. - Use main for a new repository, unless an existing branch should be preserved. - Connect this project to the GitHub repository URL. - Create a clean commit if needed. - Push the project to GitHub. If the push fails, diagnose and fix only the Git/GitHub setup. Do not change app functionality. Before any destructive action, explain what you found and what you plan to do.

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

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

Hostinger खोलें

Hostinger खोलें

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

अनुशंसित

एक 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

Publishable key

ये मान Supabase से लें

Connect खोलें

https://supabase.com/dashboard/project/_?showConnect=true

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

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

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

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

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

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

VS Code Source Control Modified File Discard Changes

VS Code Source Control More Actions Changes Discard All Changes

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