شرح Lovable للمبتدئين

الخطوات بالتفصيل

1. 01

   إنشاء الحساب

   افتح lovable.dev وسجّل بحساب Google أو بريد إلكتروني. لا تحتاج بطاقة بنكيّة للبدء.

2. 02

   التعرّف على Workspace

   ستجد يسارًا قائمة المشاريع، وفي الأعلى الفريق/الإعدادات. المشروع نفسه يفتح بواجهتَين: المحادثة يسارًا والمعاينة الحيّة يمينًا.

3. 03

   البرومبت الأوّل

   صف فكرتك في 2–3 أسطر: النوع، الجمهور، النمط البصري، والصفحات المطلوبة. مثال: «متجر صغير لبيع كتب أطفال بالعربية، ألوان دافئة، صفحة رئيسيّة + كتالوج + تفاصيل كتاب».

4. 04

   Plan Mode مقابل Default Mode

   Plan Mode يعرض خطّة قبل تنفيذ أيّ تغيير — مثالي للتغييرات الكبيرة أو الحسّاسة. Default Mode ينفّذ مباشرة، أسرع للتعديلات الصغيرة الواضحة.

5. 05

   مراجعة المعاينة

   افتح الروابط، جرّب النماذج، اختبر التنقّل. سجّل ملاحظاتك ثمّ اطلب تعديلًا واحدًا في كلّ برومبت.

6. 06

   قاعدة البيانات والمصادقة

   عندما تطلب حفظ بيانات أو تسجيل دخول، ستقترح Lovable تفعيل Cloud بنقرة. راجع الجداول والسياسات (RLS) قبل تخزين بيانات حقيقيّة.

7. 07

   اختبار الجوّال

   استخدم مبدّل حجم الشاشة أعلى المعاينة. اختبر 375px كحدّ أدنى: القوائم، الأزرار، النماذج، والجداول القابلة للتمرير الأفقي.

8. 08

   مراجعة الأمان

   قبل النشر: تأكّد من تفعيل RLS على كلّ جدول، عدم تسريب مفاتيح API في الواجهة، وعدم عرض بيانات مستخدم لمستخدم آخر.

9. 09

   النشر

   اضغط Publish — ستحصل على رابط ‎.lovable.app فوري. لربط دومينك: Project Settings ← Domains، ثمّ اتّبع تعليمات DNS.

Plan Mode ضدّ Default Mode

قائمة تحقّق لأوّل مشروع

• برومبت واضح مكتوب مسبقًا (نوع + جمهور + نمط + صفحات).
• معاينة تفتح بلا أخطاء في Console.
• الصفحات تعمل على 375px و1280px.
• Cloud مفعّل إذا كان هناك تسجيل دخول أو حفظ بيانات.
• RLS مُفعّلة على كلّ جدول عام.
• لا مفاتيح سرّيّة داخل الكود الأمامي.
• قسم SEO: عنوان ووصف مخصّصان لكلّ صفحة.
• اختبار سريع على متصفّح الجوّال الفعلي بعد النشر.

الأسئلة الشائعة

التالي

• بناء أوّل مشروع خطوة بخطوة
• ما هي Lovable وكيف تعمل؟
• هل Lovable تدعم العربية؟
• مولّد البرومبتات