كيف تستضيف تطبيق Lovable على خادمك
لاستضافة تطبيق Lovable على خادمك، زامن المشروع مع GitHub عبر مزامنة Git في Lovable، واربط المستودع بلوحة Coolify على خادمك، واضبط متغيرات البيئة ووجّه نطاقك إليه. توثّق Lovable هذا الطريق بنفسها: الشيفرة لك وتعمل حيثما وضعتها. ويمكنك مواصلة البناء في Lovable أيضًا، فالتعديلات تصل إلى المستودع وينشر الخادم منه.
أهم قرار هو الخلفية، لأن سجلات قاعدة البيانات والملفات المرفوعة لا تنتقل مع الشيفرة.
كيف تُخرج الشيفرة من Lovable؟
| الطريق | الطريقة | متى |
|---|---|---|
| مزامنة Git | انتقل إلى Project settings ثم Git ثم GitHub واضغط Connect. تنشئ Lovable مستودعًا جديدًا، خاصًا افتراضيًا، وتبدأ المزامنة في الاتجاهين. | للنشر المستمر، في كل الخطط |
| Download codebase | نزّل ملف .zip من الصفحة نفسها أو من محرر الشيفرة. | نسخة لمرة واحدة، في الخطط المدفوعة |
أي نوع من المشاريع لديك؟
تبني Lovable على حزمتين تقنيتين، وتتبعهما إعدادات الخادم. إذا كان package.json يذكر @tanstack/react-start فمشروعك TanStack Start. وإن لم يكن كذلك فهو مشروع React + Vite أقدم. وتبدأ المشاريع الجديدة على TanStack Start.
| الحزمة | ما الذي يعمل على الخادم | إعدادات Coolify |
|---|---|---|
| TanStack Start | خادم Node.js للصفحات المولَّدة على الخادم ودوال الخادم ومسارات API | متغير البناء NITRO_PRESET=node-server، وStart command node .output/server/index.mjs، والمنفذ 3000. ويجب أن يذكر package.json الحزمة nitro. |
| React + Vite | ملفات ثابتة في dist/ | Output type Static site، وPublish directory /dist. اضبط Site type على SPA في صفحة General كي لا تعيد الصفحات المتداخلة خطأ 404 عند التحديث. |
بناء Vite الثابت أحد أنواع المشاريع التي شغّلناها عبر Coolify على خادم حقيقي. أما قيم TanStack Start فمن توثيق Lovable نفسه، وهو يوصي بـ Node 22.
خطوة بخطوة
- اطلب خادمًا من صفحة Next.js VPS. رغم الاسم، يأتي مع Coolify الذي ينشر أكثر بكثير من Next.js.
- انسخ المستودع (clone) وافتح المجلد في أداة برمجة مثل Claude Code أو Cursor.
- انسخ صف الصقه في أداة الذكاء الاصطناعي من تبويب نظرة عامة في لوحة Seturack والصقه في تلك الأداة، فـ تتولى النشر. لا تلصقه في محادثة Lovable. فهو يحتوي على مفتاح API، ولا تستطيع Lovable تنفيذ شيء خارج معاينتها.
- أعطِ الأداة متغيرات البيئة التي تحتاجها، وهي تتوقف على اختيارك للخلفية أدناه.
- جرّب عنوان HTTPS حين يصل. حدّث صفحة متداخلة، وسجّل الدخول والخروج، وجرّب كتابة ورفعًا. وإن فشل تسجيل الدخول عند إعادة التوجيه فأضف العنوان الجديد إلى عناوين إعادة التوجيه المسموحة.
- وجّه سجل A لنطاقك إلى عنوان IP للخادم وأخبر الأداة باسم النطاق. وتصدر الشهادة تلقائيًا.
- اطلب من الأداة أن تنشر مع كل push. تصل تعديلات Lovable إلى المستودع، فيبدأ كل منها بناءً.
يغطي دليل Next.js فعل ذلك يدويًا. صلاحية root لك، ويمكنك إدارة كل شيء من اللوحة إن فضّلت. ويواصل عنوانك lovable.app تقديم آخر نسخة نشرتها هناك.
أين تقيم الخلفية؟
ابقَ على الخلفية المدمجة
ينتقل الموقع وحده، فهذا أقل عملًا. اضبط VITE_SUPABASE_URL وVITE_SUPABASE_PUBLISHABLE_KEY قبل البناء. ويحتاج TanStack Start أيضًا إلى SUPABASE_URL وSUPABASE_PUBLISHABLE_KEY لشيفرة الخادم لديه. هذه القيم موجودة في ملف .env بالمستودع، لكن الأسرار التي تقرؤها دوال الخادم ليست فيه. وتواصل ميزات الذكاء الاصطناعي والموصّلات العمل وتواصل السحب من رصيد Lovable لديك.
شغّل Supabase على خادمك
تذكر Lovable وجهتين لخلفيتها المدمجة: Supabase المُدار وSupabase المستضاف ذاتيًا. ونقل PostgreSQL وحده لا يكفي، لأن تسجيل الدخول والتخزين والزمن الفعلي ودوال Edge يجب أن تنتقل أيضًا. تمنحك Supabase VPS هذه كلها على خادم منفصل. وتطلب وثائق Supabase ما لا يقل عن 4 GB من RAM و2 نواة و40 GB من القرص.
- أنشئ البنية بتنفيذ الملفات في
supabase/migrations/بترتيب التاريخ. - انقل البيانات. انتقل إلى More ثم Database ثم Manage ثم Settings واضغط Export data، ثم حمّل أرشيف PostgreSQL المضغوط بـ zstd باستخدام
pg_restoreيدعم zstd على المنفذ 5432. حسابات المستخدمين مشمولة، وسيسجّل الجميع الدخول من جديد. جرّب هذا على تثبيت اختباري أولًا. - نزّل الملفات من More ثم Storage وارفعها في Studio إلى حاويات (buckets) بالأسماء نفسها.
- انسخ
supabase/functions/إلىvolumes/functions/على الخادم، واضبط أسرارها وأعد تشغيل خدمة الدوال. - اضبط مزوّدي تسجيل الدخول و
SITE_URLوADDITIONAL_REDIRECT_URLS. - في الموقع اضبط
VITE_SUPABASE_URLعلى عنوان خادم Supabase لديك، واضبط المفتاح العام وأعد البناء.
ويجب نقل استدعاءات الذكاء الاصطناعي والموصّلات التي تمر عبر Lovable إلى حساباتك لدى المزوّدين. وتصبح التحديثات والمراقبة عملك، ولا تستطيع Lovable تتبّع أخطاء بنية تحتية لا تتحكم بها.
استخدم مشروعًا في حساب Supabase الخاص بك
إذا ربطت حساب Supabase الخاص بك فالخلفية موجودة أصلًا خارج Lovable، فتضبط العناوين فقط. ولنقلها إلى خادمك يعطي دليل الاستعادة من Supabase الخطوات باستخدام supabase db dump.
الأسئلة الشائعة
كم RAM يحتاج تطبيق Lovable؟
توصي صفحة البيع بـ 4 GB من RAM على الأقل و2 vCore و40 GB من القرص. وهذا الرقم مصدره البناء: مشروع Next.js كبير فيه 85 حزمة نفدت ذاكرته عند 2 GB وبُني عند 4 GB. وإذا نفدت ذاكرة البناء فـ ارفع الحجم من لوحتك.
كم ستكلف شهريًا؟
سعر الحجم الأدنى الموصى به نحو $6 شهريًا (شاملًا ضريبة القيمة المضافة)، ومن خارج تركيا تدفع بالدولار الأمريكي. النسخ الاحتياطية اليومية مشمولة في السعر والترافيك غير محدود. ويُحاسَب خادم ثانٍ لـ Supabase بشكل منفصل. وتصدير الشيفرة لا ينهي اشتراكك في Lovable ولا استخدامك لـ Cloud.
كيف أنقل نطاقي بعيدًا عن Lovable؟
اختبر كل شيء على العنوان المؤقت أولًا. ثم وجّه سجل A إلى عنوان IP للخادم وأضف النطاق إلى التطبيق وانشر من جديد. ولإيقاف عنوان lovable.app ألغِ نشر المشروع في Lovable.
كيف أحدّث الموقع بعد الإطلاق؟
واصل العمل في Lovable أو أداة البرمجة. يصل كل تغيير إلى الفرع المتزامن، ومع webhook يبنيه الخادم. ولإبقاء العمل غير المكتمل بعيدًا، دع Lovable تعمل على فرع منفصل ودمجه حين يجهز.
هل تأتي قاعدة البيانات مع الشيفرة؟
لا. تحتوي مزامنة Git وملف zip على ملفات المصدر والملفات التي تعرّف بنية قاعدة البيانات. أما السجلات والملفات المرفوعة فتُصدَّر على حدة، فتحقق منها في الوجهة قبل أن تتخلى عن الخلفية القديمة.
التعليقات0
لا توجد تعليقات بعد
كن أول من يشارك رأيه.
يرجى تسجيل الدخول أو إنشاء حساب لترك تعليق.