أطلق منصّة SaaS اشتراكية كاملة

• ✅ تسجيل / تسجيل دخول + Google/Apple OAuth
• ✅ فرق عمل ودعوات وأدوار
• ✅ خطط اشتراك (Free / Pro / Business)
• ✅ فوترة تلقائية Stripe مع فواتير
• ✅ تجربة مجانية ١٤ يوماً بلا بطاقة
• ✅ لوحة تحكم للمستخدم + لوحة مشرف داخلي
• ✅ حدود استخدام حسب الخطة (Feature Gating)

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

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

1. 1

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

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

   أنشئ SaaS باسم [الاسم] يحلّ [المشكلة]. صفحات عامة: الرئيسية (Landing)، الأسعار، الأسئلة الشائعة، المدوّنة، تواصل. صفحات المستخدم بعد الدخول: /app (Dashboard)، /app/settings، /app/team، /app/billing. RTL عربي بخط IBM Plex Sans Arabic.

   نسخ
2. 2

   الخطوة 2: المصادقة والفرق

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

   فعّل Supabase Auth (Email + Google + Apple). أنشئ جداول: workspaces (name, owner_id, plan)، workspace_members (workspace_id, user_id, role: owner/admin/member)، invitations (email, workspace_id, token, expires_at). المستخدم عند التسجيل ينشئ Workspace افتراضي.

   نسخ
3. 3

   الخطوة 3: الأدوار والصلاحيات

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

   أنشئ enum role وجدول user_roles منفصل — لا تخزّن الدور في users أو workspace_members بدون RLS. أنشئ security definer has_workspace_role(user, ws, role). طبّق RLS على جميع الجداول ليرى العضو بيانات مساحته فقط.

   نسخ
4. 4

   الخطوة 4: خطط Stripe وفوترة

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

   في Stripe أنشئ منتج SaaS بخطط: Free (0)، Pro (49/شهر)، Business (149/شهر) بأسعار شهرية وسنوية. أنشئ جدول subscriptions (workspace_id, stripe_customer_id, stripe_subscription_id, plan, status, current_period_end). زر «رقّي خطتك» يفتح Stripe Checkout، وWebhook يحدّث subscriptions.

   نسخ
5. 5

   الخطوة 5: تجربة مجانية وFeature Gating

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

   عند إنشاء Workspace ضع trial_ends_at = now() + 14 يوم بخطة Pro. أنشئ hook usePlanLimits() يعيد حدود الخطة (عدد المشاريع، عدد الأعضاء، حجم التخزين). امنع الإضافة عند تجاوز الحد مع رسالة «رقّي خطتك» وزر مباشر للترقية.

   نسخ
6. 6

   الخطوة 6: الدعوات والفريق

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

   في /app/team زر «ادعُ عضواً» يفتح مودال (email + role). ينشئ سجل invitations ويرسل بريد Resend فيه رابط قبول token صالح ٧ أيام. المستقبل يفتح الرابط ثم يسجّل/يدخل ثم ينضم تلقائياً.

   نسخ
7. 7

   الخطوة 7: بوّابة الفوترة للمستخدم

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

   في /app/billing اعرض: الخطة الحالية، تاريخ التجديد، طريقة الدفع، آخر فواتير. زر «إدارة الفوترة» يفتح Stripe Customer Portal (يحدّث البطاقة، يلغي الاشتراك، يحمّل الفواتير). حدّث DB عبر Webhook.

   نسخ
8. 8

   الخطوة 8: لوحة المشرف الداخلي

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

   أنشئ /admin محميّة بدور superadmin تعرض: عدد المستخدمين والمساحات، الاشتراكات النشطة، MRR (الإيراد الشهري المتكرّر)، Churn، آخر التسجيلات. مصادر البيانات كلها من Supabase + Stripe API.

   نسخ

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 وابدأ بمراقبة الفهرسة.

7. ٧. فعّل Stripe Webhooks في وضع Live

   بعد النشر، أنشئ Webhook Endpoint في Stripe يشير إلى ‎/api/public/stripe-webhook مع أحداث: customer.subscription.*، invoice.paid، invoice.payment_failed. تحقّق من التوقيع (Signature) داخل الـ Handler.