انشر مشروع Claude Code الخاص بك على Hostinger — بالطريقة الآمنة

سجّل الدخول عبر GitHub

VS Code Sign In Continue with GitHub

أنشئ المستودع

GitHub New Repository

اختر اسمًا واضحًا للمستودع اختر خاص (Private) اترك README والرخصة و .gitignore بدون تحديد أنشئ المستودع انسخ رابط HTTPS

نفّذ اختبارًا محليًا سريعًا

تنزيل Node.js

ثبّت Node.js فقط إذا لم يكن npm متاحًا.

https://nodejs.org/en

npm install

npm run dev

افتح الرابط المحلي وتأكد من أن المشروع يعمل بشكل صحيح.

استخدم موجّه النشر الآمن

تنزيل Git

ثبّت Git فقط إذا لم يكن متاحًا.

https://git-scm.com/

موجّه الدفع الآمن إلى GitHub

أضف رابط مستودع GitHub الخاص بك أدناه، ثم استخدم الموجّه المخصص في 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

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

رابط المشروع

VITE_SUPABASE_ANON_KEY

Publishable key

احصل على هذه القيم من Supabase

افتح Connect

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

افتح موقعك المباشر

اختبر الصفحات الرئيسية وتأكد من أن ميزات المشروع تعمل بشكل صحيح عبر الإنترنت.

انشر التحديثات المستقبلية

نفّذ التعديل باستخدام Claude Code اختبر التعديل محليًا راجع الملفات في Source Control نفّذ Commit برسالة قصيرة زامن التغييرات مع GitHub

ستقوم Hostinger تلقائيًا بإعادة نشر أحدث إصدار.

تجاهل التغييرات المحلية غير المرغوبة

VS Code Source Control Modified File Discard Changes

VS Code Source Control More Actions Changes Discard All Changes

استخدم هذه الخيارات قبل تنفيذ Commit أو مزامنة التغييرات فقط.