الانتقال من Lovable إلى أوترا

قبل أن تنتقل: هل الانتقال مناسب لك؟

Lovable أداة قوية في بناء الواجهات بسرعة، ولها مزايا حقيقية: مزامنة Git في الاتجاهين، وخلفية جاهزة اسمها Cloud مبنية على أساس Supabase المفتوح المصدر. لذلك لا تنتقل لمجرد التجربة. انتقل حين يكون عندك سبب واضح يخص مشروعك أنت.

أكثر الأسباب التي نسمعها من أصحاب المشاريع في السعودية: واجهة عربية تحتاج اتجاه RTL صحيحًا في كل شاشة، أو حاجة إلى بيئة تطوير كاملة فيها ترمينال وتثبيت أي حزمة، أو رغبة في نطاق مخصّص دون ترقية خاصة به. في أوترا النطاق المخصّص مجاني مع كل باقة، والبيئة تشغّل الخادم وقاعدة البيانات معًا.

• مناسب لك إذا كان مشروعك شبه مكتمل وتريد أن تكمله بالعربية وتنشره على نطاقك، مثل موقع حجوزات لمحمصة في الرياض.
• مناسب لك إذا تعثّرت في ضبط الاتجاه العربي أو الخطوط، وتريد أن تطلب الإصلاح بالعربية مباشرة.
• انتظر قليلًا إذا كان لديك مستخدمون كثيرون مسجّلون عبر خدمة تسجيل الدخول في Lovable Cloud ولم تخطط بعد لنقل حساباتهم.
• لا داعي للانتقال إذا كان المشروع يعمل كما تريد ولا تحتاج شيئًا مما سبق.

نعمل على تجهيز لقطات شاشة حقيقية وفيديو قصير يشرح خطوات الانتقال من Lovable إلى أوترا، وسنضيفها هنا قريبًا. حتى ذلك الحين اتبع الخطوات المكتوبة بالترتيب.

ما الذي ينتقل وما الذي لا ينتقل

هذا الجدول صريح عمدًا، لأن معظم مشاكل الانتقال تأتي من افتراض أن كل شيء ينتقل مع الكود.

خطوات الانتقال

1. 1

   اربط Lovable بـ GitHub

   من إعدادات مشروعك في Lovable فعّل تكامل Git واختر GitHub. يدعم Lovable المزامنة في الاتجاهين، فكل تعديل يصل إلى المستودع. تأكد أن آخر نسخة ظهرت في المستودع قبل أن تكمل.

2. 2

   اجرد الأسرار والخدمات

   افتح ملفات الإعداد في المستودع وابحث عن أسماء المتغيرات التي يقرأها الكود، مثل مفتاح Supabase أو مفتاح بوابة الدفع. اكتب قائمة بها في مكان آمن، دون نسخ القيم إلى المستودع.

3. 3

   صدّر البيانات أو قرّر إبقاءها

   إذا كان مشروعك على Lovable Cloud، صدّر الجداول من أداة التصدير والنسخ الاحتياطي. إذا كان على مشروع Supabase خاص بك، يمكنك تأجيل نقل البيانات والاتصال به كما هو.

4. 4

   أنشئ مشروعًا في أوترا من المستودع

   عند إنشاء مشروع جديد في أوترا اختر الاستيراد من GitHub وحدّد المستودع. تقرأ أوترا الكود وتشغّله وتعطيك رابط معاينة خاصًا لا تفهرسه محركات البحث.

5. 5

   أضف المفاتيح السرية

   من «البيانات السرية» أضف كل مفتاح من القائمة بالاسم نفسه الذي يقرأه الكود. المفاتيح تبقى خارج المحادثة.

6. 6

   اطلب الفحص الأول بالعربية

   اكتب لأوترا ما تريده من المعاينة: أن تتحقق أن كل الصفحات تفتح وأن الاتجاه عربي صحيح، وأن تصلح ما تجده.

7. 7

   انقل البيانات إن قررت ذلك

   اطلب من أوترا كتابة سكربت يقرأ ملفات التصدير ويدخلها في قاعدة المشروع، ثم راجعها في معاينة «قاعدة البيانات».

8. 8

   انشر ثم حوّل النطاق

   اضغط «نشر»، جرّب الموقع على الرابط الفرعي المجاني، ثم من «نطاق مخصّص» أدخل نطاقك وأضف سجلات DNS واضغط «التحقق من النطاق».

تفاصيل ربط المستودع وتصدير الكود مشروحة في دليل مزامنة GitHub وتصدير الكود.

أول 3 أشياء بعد الانتقال

1. جرّب أهم رحلة في موقعك من أولها لآخرها على المعاينة: مثلًا حجز طاولة في المحمصة، من اختيار الوقت حتى رسالة التأكيد.
2. راجع الاتجاه العربي في كل شاشة على الجوال، خصوصًا الأرقام والأسعار داخل الجمل والقوائم المنسدلة.
3. اربط مستودع GitHub بمشروعك في أوترا من تبويب «GitHub» لتبقى عندك نسخة كاملة من الكود بعد كل مرحلة.

حافظ على ترتيبك في البحث

إذا كان موقعك على Lovable مفهرسًا ويجلب زيارات، فالقاعدة الأولى: لا تغيّر المسارات. إذا كانت صفحة الخدمات على /services فلتبقَ على /services في أوترا. لأن الكود نفسه انتقل، تبقى المسارات غالبًا كما هي، لكن راجعها.

إذا كان الموقع منشورًا على رابط lovable.app فقط ثم انتقلت إلى نطاقك الخاص، فأنت عمليًا تبدأ عنوانًا جديدًا. أما إذا كان على نطاق مخصّص، فنقل سجلات DNS إلى أوترا يبقي العنوان نفسه، وهذا أفضل وضع للسيو.

• اكتب قائمة بكل صفحة تجلب زيارات قبل الانتقال.
• أي مسار يتغيّر يحتاج تحويل 301 إلى مساره الجديد، اطلبه من أوترا داخل كود الموقع.
• حافظ على عناوين الصفحات ووصفها، ولا تغيّرها في نفس أسبوع الانتقال.
• لا تحذف المشروع القديم قبل أن تتأكد أن النطاق يعمل على أوترا بالكامل.