الهدف
بعد هالدرس تقدر تبني app في Lovable من الصفر، تـ iterate بـ follow-up prompts محددة، وتصدّر الكود جاهزا للتطوير.
ليش هذا الحين؟
اخترت أداة. الحين نتعمق في الأسهل: Lovable. هي الأداة المثالية للبداية لأنها تبني web app كامل من prompt وحدة بدون ما تحتاج تعرف React أو Next.js أو أي إطار عمل (framework).
الفكرة
Lovable = Full web app من وصف طبيعي.
الفرق عن باقي الأدوات:
- v0: يبني components بس (ما تقدر تنشر منها مباشرة)
- Bolt: يبني full-stack مع DB — أقوى بس أعقد
- Lovable: يبني multi-page app كامل قابل للنشر فورا
5 prompt types متقدمة في Lovable:
1. Design system: ألوان + fonts + border radius
2. Multi-page nav: sticky nav + hamburger mobile
3. Real-time: Supabase Realtime widget
4. File upload: image preview + storage
5. Multi-step form: 3-step wizard + progress bar