استيراد المواقع والمشاريع إلى Lovable: دليل نقل التطبيقات من Replit وBolt وغيرها خطوة بخطوة

كيف تنقل موقعك أو تطبيقك إلى Lovable، وتواصل تطويره وإضافة قواعد البيانات والمدفوعات وأدوات التسويق دون البدء من الصفر؟

مشروعك الذي بنيته خارج Lovable يمكنه الانتقال إليها

تخيّل أنك بنيت تطبيق حجوزات على Replit قبل عام، أو أن موقع شركتك يعمل على WordPress منذ سنوات. الآن تريد إضافة لوحة تحكم أو دفع إلكتروني أو تسجيل دخول للعملاء، لكن إعادة بناء كل شيء من الصفر في منصة جديدة تعني أسابيع من العمل وتكلفة لا يتحملها مشروع صغير.

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

ما ميزة استيراد المواقع والمشاريع إلى Lovable؟

هناك ميزتان مختلفتان تمامًا رغم أنهما تبدآن من النافذة نفسها:

استيراد موقع إلكتروني (Website Import)

تلصق رابط صفحة منشورة، فيفتحها Lovable كما يفتحها زائر عادي دون تسجيل دخول، ويقرأ ما يظهر على الشاشة، ثم يعيد بناءها مشروعًا قابلًا للتعديل بتقنيات React وTailwind، ويحفظ لقطة من الأصل للمقارنة. لا يتغير أي شيء في موقعك الأصلي.

استيراد مشروع برمجي (Project Import)

ترفع كود التطبيق في ملف ZIP، فيفحصه Lovable دون تشغيله، ثم يعيد بناءه على بنية مشاريع Lovable الحديثة (TanStack Start) بالصفحات والمسارات والسلوك نفسه، وينقل الجداول إلى الخادم المدمج (Lovable Cloud) ويستبدل نظام تسجيل الدخول القديم بنظامه، ثم يتحقق أن التطبيق يُبنى ويعمل قبل أن يعلن اكتمال الترحيل.

ما المنصات التي يمكن الاستيراد منها؟

منصات إنشاء التطبيقات (استيراد مشروع)

تعرض نافذة الاستيراد خطوات تصدير موجّهة لكل من Replit وBolt وManus وBase44 وv0. ولأي أداة أخرى، تختار «Upload code» وترفع ZIP للكود أو لمستودع، فيكتشف Lovable التقنيات وقاعدة البيانات والخدمات المستخدمة ويرحّلها بالطريقة نفسها.

منصات إنشاء المواقع (استيراد موقع)

WordPress وWix وWebflow وSquarespace وFramer وأي موقع عام آخر. الاستيراد هنا يقرأ الصفحة المنشورة فقط، لا نظام إدارة المحتوى ولا الإضافات ولا قاعدة البيانات خلفها. المدونات والمتاجر أصعب ملاءمة لأن مقالاتها ومنتجاتها تأتي صفحاتٍ ثابتة لا سجلات تديرها.

كيفية استيراد موقع إلكتروني إلى Lovable باستخدام الرابط

1. ادخل إلى لوحة Lovable الرئيسية (Dashboard).
2. اضغط علامة + داخل مربع كتابة الأوامر.
3. اختر Import project to Lovable.
4. تحت Everything else اختر Website، أو Other platforms لمواقع Wix وSquarespace وWebflow وFramer؛ الخياران يفتحان الاستيراد نفسه.
5. أدخل الرابط الكامل في Website URL شاملًا https://.
6. اضغط Import website؛ يُنشأ المشروع ويفتح المحرر.
7. أكّد في المحادثة أنك تملك الموقع أو لديك تصريح صاحبه بنسخه (يُسأل مرة واحدة لكل موقع).
8. انتظر حتى يقرأ Lovable الصفحة ويبنيها ويقارنها بالأصل.
9. راجع المعاينة: الاستيراد مكتمل حين تظهر صفحتك فيها، وإن بقيت أجزاء غير مطابقة سيبلّغك باستيراد جزئي ويسمّيها.
10. قارن التصميم بالموقع الأصلي على الجوال وسطح المكتب، واطلب إصلاح الفروق.
11. أضف الصفحات الأخرى، ثم اختبر الوظائف قبل النشر.

ما الذي يحلله Lovable من الصفحة؟

النصوص، والصور والخطوط التي تحمّلها الصفحة، والألوان والمسافات (مقروءة في الوضع الفاتح)، والتخطيط على عرض سطح المكتب وكيف يتغير على عرض الجوال، وعنوان الصفحة الظاهر في تبويب المتصفح. كما يجرّب القوائم والتبويبات والأقسام القابلة للطي وشرائح الصور والفيديو، ويصلح ما يستطيع ويخبرك بما لم يستطع.

استيراد الصفحات الداخلية

استورد الصفحة الرئيسية أولًا لأنها تصبح الصفحة الرئيسية للمشروع. بعدها يعرض Lovable الصفحات المرتبطة بها ويسألك أيها تريد. كل طلب يضيف حتى 10 صفحات، ويمكنك المتابعة في طلبات لاحقة داخل المحادثة نفسها التي بدأ فيها الاستيراد. تحتفظ كل صفحة بمسارها الأصلي مثل /about، ما لم يحتوِ المسار على حروف كبيرة أو منقوطة أو نقطة مثل /About.html فيأخذ عنوانًا مختلفًا.

كيفية استيراد تطبيق من Replit أو Bolt أو منصة أخرى

1. من لوحة Lovable اضغط + ثم Import project to Lovable.
2. تحت App builders اختر المنصة الأصلية، أو Upload code تحت Everything else لأي أداة أخرى.
3. اتبع خطوات التصدير المرقّمة في النافذة؛ أول خطوة تفتح الأداة الأصلية في تبويب جديد.
4. نزّل الكود بصيغة ZIP، واحذف منه ملفات .env وأي ملف يحتوي مفاتيح أو كلمات مرور.
5. اضغط Upload the ZIP، ثم اسحب الملف أو اختر Choose file.
6. حين يظهر Ready to import اضغط Start import.
7. يبدأ الترحيل تلقائيًا في محادثة المشروع: فحص، إعادة بناء، نقل الجداول، اختبار.
8. اقرأ تقرير الاستيراد: ما وجده Lovable، وما غيّره، وما يحتاجه منك.
9. اختبر الصفحات والوظائف في المعاينة قبل أي نشر.

خطوات التصدير لكل منصة

• Replit: افتح الشريط الجانبي الأيمن في المشروع، تبويب Files، النقاط الثلاث، ثم Download as ZIP.
• Bolt: افتح المشروع، اضغط اسمه أعلى اليسار لفتح القائمة، ثم Export ← Download. احذف أي ملف .env من داخل الملف المضغوط قبل الرفع.
• Manus: افتح محادثة المشروع نفسه لا مهمة جديدة، واضغط Copy prompt في نافذة Lovable، وأرسل الأمر إلى Manus، ثم نزّل الملف الذي ينشئه (قد يستغرق دقائق). الأمر يطلب الكود والهيكل والإعدادات دون أسرار أو سجلات.
• Base44: افتح التطبيق، قائمة ⋯ أعلى اليمين، ثم Export project as ZIP. يتطلب خطة Builder أو أعلى لدى Base44.
• v0: افتح المشروع، قائمة ⋯ أعلى اليمين، ثم Download ZIP.
• أداة أخرى أو GitHub: صدّر الكود بخيار الأداة نفسها أو نزّل المستودع ZIP، واختر Upload code. لربط المشاريع بالمستودعات راجع دليل ربط Lovable بـGitHub.

حجم الملف وما يجب استبعاده

الحد الأقصى الموثّق لملف ZIP هو 250 ميجابايت. لتقليل الحجم احذف مجلد الاعتماديات node_modules، ومجلد .git، ومخرجات البناء مثل dist و.next، ومجلدات التخزين المؤقت. لا تحذف أجزاءً من التطبيق نفسه.

معنى رسائل Ready وStill needed وMigration complete

ماذا يحدث لقواعد البيانات والمستخدمين؟

أهم ما يجب فهمه: ملف الكود لا يحتوي بياناتك. لا سجلات قاعدة البيانات، ولا حسابات المستخدمين، ولا الملفات المرفوعة. نقل الكود خطوة، ونقل البيانات خطوة منفصلة تأتي بعد ظهور أول معاينة، حين يطلب Lovable بياناتك برسالة «Next: add your existing data». حتى ذلك الحين تعمل المعاينة على قاعدة بيانات فارغة.

تصدير الجداول ونقلها

• صدّر كل جدول وحده بصيغة CSV أو JSON، بما فيه جدول المستخدمين مع البريد والمعرّفات الأصلية.
• أرفق الملفات في محادثة المشروع منفردة أو داخل ZIP، أو اكتب «Skip for now» وأضفها لاحقًا عند الانتقال.
• يحذف Lovable حقول كلمات المرور والرموز التي يتعرف عليها، ويستورد الجداول بترتيب علاقاتها، ويحتفظ بالمعرّفات الأصلية لتبقى العلاقات بين السجلات سليمة، ثم يطابق أعداد الصفوف.

أين تجد تصدير البيانات في كل منصة؟

• Replit: Database ← My Data ← افتح كل جدول ← أيقونة التنزيل لحفظه CSV. بيانات ReplDB تُصدّر JSON، وملفات Object Storage تحتاج تصديرًا خاصًا.
• Bolt: من قسم Data في المشروع، أو من Table Editor لقاعدة Supabase المتصلة بصيغة CSV.
• Manus: يعطيك Lovable أمرًا ثانيًا ترسله في محادثة المشروع نفسه، فيصدّر Manus الجداول في ملف واحد.
• Base44: Dashboard ← Data ← على كل جدول ⋯ ← Export. والمستخدمون منفصلون من Settings ← App Users.
• v0: من قسم Data بصيغة CSV أو JSON، أو من مزوّد قاعدة البيانات المتصل.

الملفات والصور والمستندات

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

تسجيل الدخول وكلمات المرور

يستبدل Lovable نظام الدخول القديم بنظامه المدمج. يحتفظ المستخدمون بملفاتهم وبياناتهم، لكن كلمات المرور والجلسات النشطة لا تنتقل: عند أول دخول يتحقق كل مستخدم من بريده ويختار كلمة مرور جديدة. ويختبر Lovable أن المستخدم المستورد يستطيع ذلك ويرى سجلاته وحده دون سجلات غيره. Lovable لا يراسل مستخدميك بهذا التغيير، فأبلغهم أنت.

الخدمات الخارجية والصلاحيات

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

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

كم تكلفة استيراد موقع أو مشروع إلى Lovable؟

يوجد عرض «الاستيراد الأول المؤهل مجاني»، لكنه ليس مجانيًا بلا قيود، ويختلف نطاقه بين النوعين:

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

ماذا يمكنك أن تفعل بعد استيراد المشروع؟

• تطوير التطبيق: عدّل الواجهات والصفحات وأضف لوحات تحكم ووظائف جديدة بالمحادثة.
• قواعد البيانات والمستخدمون: طوّر الخدمات الخلفية والصلاحيات وإدارة البيانات عبر Lovable Cloud.
• الدفع الإلكتروني: أضف الدفع والاشتراكات؛ قارن الخيارات في مقارنة Stripe وPaddle.
• النشر والنطاق: انشر المشروع واربطه بنطاقك؛ يصل الزوار للنسخة الجديدة حين يشير النطاق إليها.
• تحسين SEO: أضف أوصاف Meta التي لم تنتقل وحسّن هيكلة الصفحات؛ راجع دليل SEO العربي.
• التحليلات: تابع الزيارات وسلوك المستخدمين والأداء.
• أدوات النمو: حدّد الجمهور وجهّز خططًا ومحتوى تسويقيًا من المشروع نفسه؛ التفاصيل في دليل أدوات النمو في Lovable.
• الإعلانات: استفد من تكاملات Google Ads وMeta للإعداد والإدارة وفق الصلاحيات المتاحة (التوثيق الرسمي).

تجارب عملية يمكنك تنفيذها

أوامر جاهزة لاستخدامها داخل Lovable

انسخ الأمر المناسب بضغطة واحدة، وعدّل ما بين الأقواس بما يناسب مشروعك. كل أمر يطلب المراجعة وعدم تغيير ما يعمل جيدًا. لمزيد من الأوامر زُر مكتبة البرومبتات.

أبرز الأخطاء والمشكلات المحتملة

للمشكلات العامة في Lovable راجع صفحة استكشاف الأخطاء.

قائمة التحقق قبل الانتقال النهائي

من يناسبه هذا التحديث؟

• رواد الأعمال وأصحاب المنتجات الرقمية: لتطوير منتج قائم دون إعادة بنائه.
• المطورون المستقلون: لنقل نماذج أولية من Replit أو Bolt وتسريع التطوير.
• الوكالات والشركات التقنية: لإعادة تصميم مواقع العملاء بتصريحهم؛ انظر Lovable للوكالات.
• أصحاب المواقع والمتاجر: للخروج من منصات بناء المواقع، مع مراعاة أن المنتجات تأتي صفحات ثابتة.
• المؤسسات ذات الأنظمة الداخلية: لتحديث لوحات وأدوات داخلية بكودها.
• أصحاب مشاريع MVP: لتحويل نموذج تجريبي إلى منتج قابل للنشر.
• المنتقلون بين أدوات التطوير: للاحتفاظ بالعمل بدل البدء من الصفر.

متى يكون الاستيراد خيارًا مناسبًا؟ ومتى لا يكون؟

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

الخطوة التالية

اختر مسارك: رابط موقعك إن كان موقعًا تعريفيًا، أو ملف ZIP إن كان تطبيقًا. جهّز قائمة التحقق أعلاه، وابدأ باستيرادك الأول من لوحة Lovable.