أطلق أكاديميتك التعليمية الأونلاين

• ✅ كتالوج دورات مصنّف مع صفحة تفاصيل غنية
• ✅ مشغّل فيديو مقاطع + تتبّع تقدّم الطالب
• ✅ اختبارات (Quiz) مع تقييم فوري
• ✅ شهادات إتمام PDF باسم الطالب
• ✅ بوابة دفع لبيع الدورات
• ✅ لوحة مدرّب لرفع الدروس ومتابعة الطلاب

انسخ كل برومبت والصقه في Lovable بالترتيب. لا تدمج خطوتين في برومبت واحد — الجودة تنخفض. عدّل النص بين الأقواس المربّعة ليناسب مشروعك.

⌨️ تنقّل بين الخطوات بالأسهم (↑ ↓ → ←)، واضغط Enter أو Space لنسخ البرومبت.

1. 1

   الخطوة 1: الهوية والصفحات

   برومبت الخطوة 1 — الهوية والصفحات. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   أنشئ أكاديمية باسم [اسم الأكاديمية] في مجال [التخصص]. صفحات: الرئيسية، الدورات، صفحة دورة، صفحة درس (محمية)، حسابي، من نحن، تواصل، تسجيل دخول. الهوية: [صف الألوان]. RTL بالكامل وخط IBM Plex Sans Arabic.

   نسخ
2. 2

   الخطوة 2: قاعدة البيانات

   برومبت الخطوة 2 — قاعدة البيانات. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   فعّل Cloud وأنشئ جداول: instructors, courses (title, slug, description, cover, price, instructor_id, level, duration), modules (course_id, order, title), lessons (module_id, order, title, video_url, duration, is_free), enrollments (user_id, course_id, progress), quizzes, quiz_questions, certificates. أضف RLS: الطالب يرى دروسه فقط بعد التسجيل.

   نسخ
3. 3

   الخطوة 3: كتالوج ومشغّل

   برومبت الخطوة 3 — كتالوج ومشغّل. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   صفحة /courses بشبكة بطاقات مع فلترة (تخصص، مستوى، سعر). /courses/[slug] تعرض المنهج بالكامل مع دروس مغلقة إلا الأول (Preview). /learn/[courseSlug]/[lessonSlug] محميّة تعرض مشغّل فيديو من Mux، ملاحظات، سايدبار بقائمة الدروس مع علامة الإتمام.

   نسخ
4. 4

   الخطوة 4: الشراء والتسجيل

   برومبت الخطوة 4 — الشراء والتسجيل. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   زر «سجّل الآن» يفتح Stripe Checkout بمبلغ الدورة. بعد النجاح ينشئ Webhook سجل enrollments ويرسل بريد ترحيب. أضف خيار اشتراك شهري يعطي وصولاً لجميع الدورات.

   نسخ
5. 5

   الخطوة 5: الاختبارات والشهادات

   برومبت الخطوة 5 — الاختبارات والشهادات. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   بعد كل وحدة اختبار من ٥ أسئلة اختيار من متعدد. عند إتمام جميع الدروس والاختبارات، ولّد شهادة PDF عبر Edge Function باسم الطالب واسم الدورة والتاريخ، واحفظها في Supabase Storage وأتحها للتحميل.

   نسخ
6. 6

   الخطوة 6: لوحة المدرّب

   برومبت الخطوة 6 — لوحة المدرّب. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   أنشئ /instructor محمية بدور instructor. تحوي: إضافة دورة، رفع وحدات ودروس، رفع فيديوهات إلى Mux، مشاهدة عدد الطلاب وإيرادات الدورة.

   نسخ

1. ١. راجع المعاينة (Preview)

   افتح المعاينة داخل Lovable وتأكد أن جميع الصفحات تعمل بلا أخطاء وأن الروابط الداخلية سليمة، خاصة على شاشة الجوّال.

2. ٢. فعّل Lovable Cloud إذا كان مشروعك يحتاج قاعدة بيانات أو تسجيل دخول

   من الإعدادات فعّل Cloud (يعمل على Supabase تحت الغطاء) قبل النشر لضمان أن العمليات الخلفية مربوطة بمشروع إنتاجي.

3. ٣. أضف مفاتيح البيئة (Secrets)

   من Project Settings أضف مفاتيح خدمات الدفع والبريد وأي API خارجي. لا تضع المفاتيح داخل الكود مباشرة.

4. ٤. اضغط Publish

   سينشر Lovable مشروعك على نطاق فرعي *.lovable.app خلال دقيقة تقريباً. شارك الرابط للتجربة الأولى.

5. ٥. اربط نطاقك الخاص (Custom Domain)

   من Project Settings → Domains أضف نطاقك واتبع تعليمات DNS. النطاق الخاص شرط أساسي لثقة المستخدم ولمحركات البحث.

6. ٦. أرسل خريطة الموقع لـ Google Search Console

   بعد ربط النطاق، أضف الموقع في Search Console وأرسل ‎/sitemap.xml وابدأ بمراقبة الفهرسة.