انشر مشروع 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.

لقد أنشأت بالفعل مستودع GitHub فارغًا. رابط مستودع GitHub: {{GITHUB_REPOSITORY_URL}} من فضلك جهّز هذا المشروع المحلي وادفعه إلى مستودع GitHub ذاك. القواعد: - لا تغيّر كود التطبيق أو الـ UI أو التصميم أو المسارات أو منطق قاعدة البيانات أو منطق الـ backend أو منطق Supabase أو الوظائف. - تولَّ فقط النشر عبر Git و GitHub. - تحقق أولًا من حالة Git والفرع والـ remotes و .gitignore والملفات المتعقَّبة. - تأكد من عدم عمل commit لملفي .env و .env.local. - تأكد من تجاهل الملفات المُولّدة مثل node_modules و dist و dist-ssr و *.tsbuildinfo و .DS_Store وملفات السجل. - إذا كانت هناك ملفات غير ضرورية متعقَّبة بالفعل، فأزِلها من تعقّب Git فقط. لا تحذف ملفات المشروع الحقيقية. - استخدم main لمستودع جديد، إلا إذا وجب الحفاظ على فرع موجود. - اربط هذا المشروع برابط مستودع GitHub. - أنشئ commit نظيفًا عند الحاجة. - ادفع المشروع إلى GitHub. إذا فشل الدفع، فشخّص وأصلح إعداد Git/GitHub فقط. لا تغيّر وظائف التطبيق. قبل أي إجراء مُدمِّر، اشرح ما وجدته وما تخطط للقيام به.

رابط مستودع GitHub

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

رابط المشروع

VITE_SUPABASE_ANON_KEY

مفتاح anon (العام)

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

افتح إعدادات API

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

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

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

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

نفّذ التعديل باستخدام 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 أو مزامنة التغييرات فقط.