أدوات الـVibe Coding مثل Lovable خلت بناء موقع أو Web App أسرع بكتير. لكن سرعة البناء وحدها لا تعني إن المشروع جاهز للبيع لعميل أو التشغيل على المدى الطويل. السؤال الأهم هو: هل تقدر تخرج مشروعك من الأداة، تشغله في مكان مستقل، وتتعامل مع الكود والـDatabase والخدمات الخارجية من غير ما يفضل كل شيء مربوطًا بمنصة واحدة؟
في الدليل ده هرتب الخطوات اللي طبقتها عمليًا لنقل مشروع مبني بالـAI إلى هوستينج مستقل، بداية من استخراج الملفات ورفعها على GitHub، لحد ربط الدومين ومتابعة الـLogs والـBackups.
بناء الموقع وتشغيله عمليتان مختلفتان
أداة الـAI تساعدك في إنشاء الواجهة والكود بسرعة. تشغيل المشروع الحقيقي يشمل الهوستينج، الـDatabase، Environment Variables، الدومين، النسخ الاحتياطية ومراقبة الأخطاء. كل جزء منهم محتاج يكون واضح قبل ما تسلم المشروع أو تبدأ تجيب عليه Traffic.
امتلاك المشروع هنا معناه إن عندك نسخة من الـSource Code، وتعرف أين توجد البيانات، وتقدر تنقله إلى بيئة أخرى لو احتجت. لو الأداة لا تسمح بتصدير الكود أو البيانات، فأنت معتمد عليها في استمرار المشروع.
مين يحتاج ينقل مشروعه إلى هوستينج مستقل؟
- مطور هيسلم الموقع لعميل ويحتاج تحكمًا واضحًا في الملفات والدومين.
- صاحب مشروع بدأ يستقبل مستخدمين أو بيانات حقيقية.
- موقع يعتمد على API أو خدمات خارجية ومحتاج إدارة آمنة للمفاتيح.
- مشروع يحتاج Logs وMonitoring ونسخًا احتياطية منتظمة.
- أي شخص يريد خطة خروج لو تغيّرت أسعار أداة الـAI أو توقفت الخدمة.
الخطوة الأولى: استخراج الـSource Code
ابدأ بتنزيل ملفات المشروع من أداة الـAI. راجع نوعه قبل النشر. مشاريع Vite تختلف في طريقة البناء عن مشروعات Node.js التي تحتوي على Backend. تأكد إن الملفات تشمل إعدادات التشغيل وملف package.json، واعرف أمر الـBuild وأمر التشغيل المناسبين.
الخطوة الثانية: رفع المشروع على GitHub
GitHub يوفر مكانًا منظمًا لحفظ الكود وتتبع التعديلات. أنشئ Repository للمشروع، وارفع الملفات على Branch واضح. راجع ملف .gitignore قبل الرفع حتى لا تنشر ملفات حساسة أو مجلدات لا تحتاجها مثل node_modules. لا ترفع API Keys أو كلمات مرور داخل الكود. القيم دي تتضاف كـEnvironment Variables داخل بيئة التشغيل.
الخطوة الثالثة: نشر المشروع على الهوستينج
في التجربة استخدمت Cloudways Velocity لنشر مشروع Vite أو Node.js من GitHub. بعد ربط الـRepository، تحدد الـBranch وأوامر الـBuild والتشغيل، ثم تضيف Environment Variables المطلوبة. لو المشروع يعتمد على Database أو خدمة خارجية، راجع الاتصال بها بعد كل Deployment.
لو حابب تستخدم نفس الهوستينج، تقدر تبدأ من Cloudways وتستخدم كود NOURMANSOUR.
ربط الدومين ومراجعة التشغيل
بعد نجاح الـDeployment، اربط الـCustom Domain وحدّث DNS حسب التعليمات. اختبر الصفحات الأساسية، الفورمز، تسجيل الدخول وأي Integrations خارجية. راقب الـLogs لو ظهر خطأ، وفعل النسخ الاحتياطية قبل إدخال بيانات حقيقية.
Checklist قبل تسليم المشروع
- نسخة كاملة من الكود موجودة خارج أداة الـAI.
- الـRepository منظم ولا يحتوي على بيانات حساسة.
- الـBuild والـDeployment يعملان من بيئة مستقلة.
- الدومين والـSSL يعملان بدون أخطاء.
- الـDatabase والخدمات الخارجية متصلة بشكل صحيح.
- الـLogs والـBackups متاحة.
الفيديو يوضح التنفيذ على الشاشة من لحظة استخراج المشروع لحد تشغيله وربط الدومين. لو بتطبق الخطوات لأول مرة، مشاهدة الجزء العملي هتختصر عليك تفاصيل كتير.