كيفية استخدام Lovable: أنشئ تطبيقك الأول خطوة بخطوة
جولة كاملة في Lovable أعيد بناؤها من مشروع حقيقي لمبتدئ — كتابة الأوامر المنظمة، ووضع الخطة، وربط تقويم Google، وإصلاح الأخطاء، وفحص الأمان، ونشر التطبيق كتطبيق ويب تقدمي. كل خطوة مرفقة بصورة شاشة.
Lovable باختصار
- ابنِ أول أمر لك حول أمرين: ماذا يفعل التطبيق (الهدف) وكيف يتحرك المستخدم داخله (المسار). ميزة أو ميزتان كافيتان للبداية.
- قبل الإرسال، حوّل الوضع من Build إلى Plan. سيطرح Lovable أسئلة توضيحية أولًا ثم يكتب خطة يمكنك تصحيحها قبل كتابة أي سطر برمجي.
- إذا حدث خطأ، صحّحه بأمر دقيق — «تبدأ المهام في أقرب ربع ساعة ولا تُجدول في الماضي أبدًا» أنجح من «صحّح الأوقات».
- قبل النشر، شغّل فحص الأمان العميق — «Try to fix all» مجاني. وجملة واحدة بلغة طبيعية تحوّل التطبيق إلى تطبيق ويب تقدمي يمكن تثبيته على هاتفك.
Lovable AI Tutorial for Beginners - Build Your First App
الفيديو المصدر من:Kevin Stratvert11:40
صور الشاشة مأخوذة من الفيديو المصدر ومُنسبة إليه بروابط بطابع زمني. النص شرح مستقل كتبناه بالاعتماد على النص الكامل للفيديو — والحقائق مطابقة للتسجيل.
هذا الدليل ملخّص مصوّر مستقل لمن يفضّل القراءة. لدعم صاحب المحتوى، شاهد الفيديو الأصلي عبر الرابط أعلاه.
أنشئ تطبيقًا في Lovable خطوة بخطوة
- 1
تعرّف على مساحة العمل
بعد التسجيل تصل إلى مساحة عمل Lovable. في الشريط الجانبي: الرئيسية والبحث والموارد والموصلات، وتحتها محادثاتك الأخيرة. صندوق الأوامر في المنتصف هو نقطة انطلاق أي تطبيق؛ وتحته مباشرة مجموعات القوالب إن احتجت إلى الإلهام.
مساحة عمل Lovable: صندوق الأوامر في المنتصف، والمحادثات والموصلات على اليسار.شاهد عند 0:40 - 2
اكتب أول أمر مُنظَّم
قبل كتابة أي شيء، حدّد أمرين: الهدف (ماذا يفعل التطبيق) والمسار (كيف يتحرك المستخدم داخله). هذا المشروع تطبيق «من الصوت إلى التقويم»: تهمر بالمهام صوتيًا فيدوّنها في تقويم Google. اذكر القيود — كل مهمة تستغرق 30 دقيقة إن لم يُقل غير ذلك، ويؤكد المستخدم قبل الحفظ — وصِف المظهر بكلمات مثل نظيف وأنيق وبسيط. واختم بـ: «اطرح عليّ أي أسئلة تحتاجها لفهم ما أريده تمامًا».
الأمر الأول الكامل: الهدف والمسار والقيود والمظهر ودعوة لطرح الأسئلة.شاهد عند 3:20 - 3
حوّل إلى وضع الخطة قبل الإرسال
افتح قائمة Build أسفل صندوق الأوامر واختر Plan — «ناقش قبل البناء» (يُبدَّل بـ Alt+P). في وضع الخطة يطرح Lovable أسئلته ويكتب خطة أولًا، فلا يبني التطبيق الخاطئ. لأول مشروع، هذه هي العادة الأعلى قيمة.
قائمة Build/Plan: اختر Plan للنقاش قبل البناء.شاهد عند 2:40 - 4
أجب عن الأسئلة التوضيحية
يعود Lovable بأسئلة — اختيارات بصرية مثل لون التمييز، ثم اختيارات وظيفية: استخدام محوّل الصوت المجاني المدمج أو خدمة خارجية، وربط تقويم Google عبر موصل Lovable، وهكذا. أجب بصدق؛ الأجوبة الغامضة الآن ستصبح ميزات غامضة لاحقًا.
أسئلة توضيحية: اختر لون التمييز ثم أجب عن الخيارات الوظيفية.شاهد عند 4:12 - 5
اقرأ الخطة ثم وافق عليها
تنقسم الخطة إلى أقسام مفهومة — المظهر، والشاشات والمسار، وكيفية العمل — بالإضافة إلى التفاصيل التقنية. حتى غير التقنيين عليهم قراءة «الشاشات والمسار»: فذلك تطبيقك على الورق. إن كان في الخطة خطأ، اكتب التعديل المطلوب في صندوق الأوامر بدلًا من الموافقة؛ وعندما تتطابق مع فكرتك اضغط Approve.
الخطة المولَّدة: راجعها واطلب التعديلات ثم وافق.شاهد عند 5:00 - 6
اربط تقويم Google عندما يُطلب منك
في منتصف البناء، يتوقف Lovable ويطلب ربط تقويم Google. اضغط زر الربط وسجّل الدخول بحسابك في Google واربطه بالمشروع. في هذا المثال يبقى التقويم مرتبطًا بحسابك؛ ويمكن لاحقًا التحويل إلى تسجيل دخول لكل مستخدم لمشاركة التطبيق.
في منتصف الطريق، يطلب Lovable ربط تقويم Google الخاص بك.شاهد عند 5:35 - 7
اختبره بإملاء مهامك
عندما تظهر المعاينة، اضغط زر الميكروفون وتحدث فعلًا: «عليّ إرسال تقرير TPS بغلاف جديد إلى Bill، وملخص قائمة العملاء إلى Charles». أوقف التسجيل، فيحوّل التطبيق كلامك إلى بطاقات مهام بانتظار موافقتك.
أول اختبار صوتي: التطبيق يحوّل همسك إلى مهام.شاهد عند 5:50 - 8
صحّح السلوك بأوامر دقيقة
أول خطأ: جُدولت المهام في اللحظة نفسها التي نطقت فيها. التصحيح تعليمة دقيقة: «يجب أن تبدأ المهام في أقرب ربع ساعة (وليس في الماضي)، لا في الوقت الحالي.» يسجّل Lovable التغيير في بطاقة صغيرة — لهذا يستحق الأمر إتقان الخطة في البداية.
أمر تصحيح دقيق يضبط المهام على فواصل 15 دقيقة.شاهد عند 8:00 - 9
علّمه لغة توقيتاتك
قل «اتصل بـ Kevin غدًا الساعة 10 صباحًا» فيجدوله الساعة 3 فجرًا — التطبيق لا يفهم التواريخ النسبية بعد. اكتب له القواعد: تعرّف على tomorrow وyesterday وFriday at 3 p.m.؛ «صباحًا» تعني قبل 11 صباحًا، و«بعد الظهر» من 1 إلى 4 عصرًا؛ و«الاثنين القادم» هو الذي يليه لا الوشيك. كلما كانت أمثلتك أدق، قلّت دورات التصحيح لاحقًا.
قواعد التواريخ الصوتية: أمثلة الأوقات والمدد مفصّلة واحدة واحدة.شاهد عند 7:40 - 10
صحّح الخطأ بلقطة شاشة وفي وضع الخطة
الأوقات لا تزال متأخرة نحو سبع ساعات — خطأ في المنطقة الزمنية. الصق لقطة شاشة بالأوقات الخاطئة مباشرة في صندوق الأوامر وقل ما تلاحظه: «يبدو هذا خطأ منطقة زمنية، فالأوقات متأخرة نحو 7 ساعات». عُد إلى وضع الخطة للإصلاح، وإن كانت الخطة تقنية أكثر من اللازم قل: «لست تقنيًا، هل تشرحها بلغة أفهمها؟»
صوّر الخطأ وصِفه ودع وضع الخطة ينتج الإصلاح.شاهد عند 8:55 - 11
انشر واحصل على رابطك
قبل النشر، أمر أخير يحوّل التطبيق من تقويمك إلى تسجيل دخول لكل مستخدم، كي لا يلمس أحد مواعيدك. ثم اضغط Publish في الأعلى يمينًا: ستحصل على رابط مجاني على lovable.app (النطاقات المخصصة في خطة Pro)، واختر الظهور العام، وعبّئ العنوان والوصف وصورة المشاركة.
مسار النشر: رابطك المجاني على lovable.app وبيانات التطبيق الوصفية.شاهد عند 9:45 - 12
شغّل فحص الأمان وأضف خاصية PWA
قبل الإطلاق، يوصي Lovable بفحص أمان عميق — وهو أثمن مع الأكواد المولّدة بالذكاء الاصطناعي. الإصلاحات عبر «Try to fix all» لا تستهلك أرصدة. ثم أضف لمسة الهاتف بجملة: «اجعلني أستطيع تثبيته كأيقونة تطبيق على هاتفي، واستخدم أيقونة ميكروفون فيروزية.» سيولّد Lovable ملف البيان وأيقونات اللمس.
إصلاحات فحص الأمان مجانية — وأمر PWA يجعل التطبيق قابلًا للتثبيت.شاهد عند 10:40 - 13
ثبّته على هاتفك
انشر التحديث، وافتح الرابط في متصفح هاتفك، واضغط أيقونة المشاركة. اختر «إضافة إلى الشاشة الرئيسية» وأكّد — فتستقر أيقونة التطبيق على شاشتك الرئيسية. اضغط عليها فيعمل بملء الشاشة كتطبيق أصلي، دون أي متجر تطبيقات.
«إضافة إلى الشاشة الرئيسية» تحوّل التطبيق المنشور إلى أيقونة على الهاتف.شاهد عند 11:00