Lovable

منصة 'vibe coding' الرائدة التي تتيح لأي شخص بناء تطبيقات ويب كاملة المكدس بوصف ما يريده بالإنجليزية البسيطة. تولّد تطبيقات كاملة مع واجهة أمامية وخلفية وقاعدة بيانات ومصادقة — دون الحاجة لخبرة في البرمجة.

Free AvailableFull-StackNo CodeApp BuilderDeploy

زيارة الموقع عرض الشرح

Monthly Visits

35.3M

Total Users

Annual Recurring Revenue

$300M

Valuation

$6.6B

New Projects Daily

100K

Founded

2024

مقدمة

Lovable المنصة الرائدة لـ 'vibe coding' التي تتيح لأي شخص بناء تطبيقات ويب كاملة المكدس بوصف ما يريده بالإنجليزية البسيطة. لا تحتاج إلى معرفة React أو TypeScript أو SQL — فقط صف فكرة تطبيقك بلغة محادثة ويولّد Lovable تطبيقاً كاملاً وقابلاً للنشر مع واجهة أمامية وخلفية وقاعدة بيانات ومصادقة، في الغالب في أقل من دقيقة.

وجدت المنصة صدىً واسعاً لدى المؤسسين غير التقنيين ومديري المنتجات ورواد الأعمال الذين لديهم أفكار تطبيقات لكنهم يفتقرون إلى مهارات البرمجة. يتعامل Lovable مع المكدس التقني بالكامل: React وTypeScript للواجهة الأمامية وSupabase لقاعدة البيانات والمصادقة وTailwind CSS للتصميم والنشر بنقرة واحدة إلى رابط إنتاجي. كل مشروع مدعوم بمستودع GitHub حقيقي حتى يتمكن المطورون من التدخل عندما يتجاوز التطبيق منشئ الذكاء الاصطناعي.

يخدم Lovable جمهورَين مختلفَين بالتساوي. المستخدمون غير التقنيين يتعاملون معه كمنشئ تطبيقات كامل — يصفون الميزات بالإنجليزية البسيطة ويكررون عبر الدردشة وينشرون دون رؤية الكود أبداً. المستخدمون التقنيون يتعاملون معه كأداة نمذجة سريعة — يبنون MVPs عاملة في دقائق بدلاً من أيام ثم يصدّرون قاعدة الكود النظيفة لمواصلة التطوير محلياً.

المميزات

+أكثر منشئي تطبيقات الذكاء الاصطناعي سهولةً — لا تتطلب حقاً أي مهارات برمجة
+توليد كامل المكدس بما فيه قاعدة البيانات والمصادقة والمدفوعات
+نشر بنقرة واحدة مع دعم النطاق المخصص
+مزامنة GitHub تمنح ملكية كاملة وقابلية تصدير للكود المولّد
+المحرر المرئي يتيح تعديلات التصميم بالنقر
+تحويل الصورة إلى تطبيق يحوّل النماذج الأولية ولقطات الشاشة إلى تطبيقات عاملة
+مخرجات كود React + TypeScript نظيفة ومنظمة جيداً
+مجتمع ضخم ومتنامٍ ينشئ 100K مشروع جديد يومياً

العيوب

-تحكم محدود في قرارات بنية الكود الدقيقة
-التسعير القائم على الرسائل قد ينفد بسرعة في المشاريع المعقدة والتكرارية
-يولّد بشكل أساسي مكدس React + Supabase مع بدائل محدودة للأطر
-منطق الأعمال المخصص المعقد قد يتطلب تكوداً يدوياً
-التطبيقات المولّدة قد تتشارك أنماط UI مماثلة بسبب مكتبات المكونات المشتركة
-لا توليد تطبيقات جوال — تطبيقات ويب فقط

الميزات الرئيسية

بناء التطبيقات بلغة طبيعية

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

توليد كود كامل المكدس

يولّد واجهات أمامية React + TypeScript مع Tailwind CSS وSupabase للخلفية وقاعدة البيانات وتدفقات المصادقة وتكاملات API. ينتج كوداً حقيقياً بجودة إنتاجية — وليس تجريدات low-code.

النشر بنقرة واحدة

انشر تطبيقك إلى الإنتاج بنقرة واحدة. يتعامل Lovable مع الاستضافة وHTTPS ويوفر رابطاً قابلاً للمشاركة فوراً. اربط نطاقات مخصصة للمظهر الاحترافي.

المحرر المرئي

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

تكامل Supabase

تكامل أصلي مع Supabase لقاعدة بيانات PostgreSQL وأمان على مستوى الصف والمصادقة (البريد الإلكتروني وGoogle وGitHub) وتخزين الملفات والاشتراكات الفورية. إعداد خلفية كاملة في ثوانٍ.

مزامنة GitHub

كل مشروع مدعوم بمستودع GitHub حقيقي يتحدّث مع كل تغيير. صدّر كودك وواصل التطوير في Cursor أو VS Code وتعاون مع فريقك عبر سير عمل Git القياسية.

الصورة إلى تطبيق

ارفع لقطة شاشة أو نماذج أولية أو تصديرات Figma أو رسوم يدوية ويحوّلها Lovable إلى تطبيق عامل. يجمع الفهم المرئي مع توليد الكود للنمذجة السريعة.

تكامل مدفوعات Stripe

أضف معالجة المدفوعات لتطبيقك من خلال تعليمات محادثاتية. يُعدّ Lovable Stripe checkout وإدارة الاشتراكات ومعالجة webhook مع ممارسات الأمان الصحيحة.

التصميم المستجيب

التطبيقات المولّدة مستجيبة للجوال افتراضياً. يستخدم Lovable أدوات Tailwind CSS المستجيبة لضمان مظهر جيد على الهواتف والأجهزة اللوحية وأجهزة الحاسوب المكتبي.

لمن هذه الأداة

MVP للمؤسسين غير التقنيين

حوّل فكرة شركة ناشئة إلى منتج عامل دون توظيف مطورين. صف تطبيق SaaS أو السوق أو الأداة الداخلية واحصل على MVP جاهز للنشر مع قاعدة بيانات ومصادقة. استخدمه لإثبات صحة الأفكار والحصول على ملاحظات المستخدمين والعرض على المستثمرين بمنتج حقيقي.

المؤسسون غير التقنيون ورواد الأعمال الفرديون وفرق الشركات الناشئة من جانب الأعمال

النمذجة السريعة للمطورين

تخطَّ مرحلة scaffolding وأنشئ نموذجاً أولياً عاملاً في دقائق. ينتج Lovable كوداً نظيفاً من React + TypeScript يمكن للمطورين تصديره إلى GitHub ومواصلة البناء عليه. مثالي للهاكاثون وإثبات المفهوم وعروض العملاء.

المطورون والمستقلون وفرق الوكالات التي تحتاج إلى استجابة سريعة

أدوات الأعمال الداخلية

ابنِ لوحات معلومات وCRMs وأدوات تتبع المخزون وألواح الإدارة للاستخدام الداخلي. يمكن لمديري المنتجات وفرق العمليات وصف ما يحتاجونه والحصول على أداة عاملة دون وضع طلبات في قائمة انتظار الهندسة.

مديرو المنتجات وفرق العمليات والمحللون التجاريون

تعلم تطوير الويب

يمكن للطلاب ومغيري المهنة وصف التطبيقات ودراسة الكود المولّد لتعلم React وTypeScript وأنماط تطوير الويب الحديثة. الكود نظيف ويتبع أفضل الممارسات مما يجعله مصدراً تعليمياً فعّالاً.

طلاب Bootcamp والمطورون الذين يتعلمون ذاتياً ومغيرو المهنة

خطط الأسعار

Free

5 messages per day
Lovable-hosted deployment
GitHub integration
Community support
Basic AI generation

Starter

$20/month

100 messages per month
Custom domains
Supabase integration
Background tasks
Visual editor access
Image-to-app uploads

موصى به

Launch

$50/month

500 messages per month
Everything in Starter
Priority generation speed
Advanced integrations (Stripe, APIs)
Faster AI model access

Scale

$100/month

2000 messages per month
Everything in Launch
Team collaboration features
Priority support
Highest generation speed
Early access to new features

المقارنة

Lovable vs Bolt

يولّد كلٌّ من Lovable وBolt تطبيقات كاملة المكدس من اللغة الطبيعية، لكنهما يستهدفان مستخدمين مختلفين قليلاً. يُعطي Lovable الأولوية لتجربة غير التقنيين مع محرر مرئي متقن وتسعير قائم على الرسائل. يُؤكد Bolt على سرعة المطور مع WebContainers وتسعير قائم على الرموز.

Lovable يتفوق في

+محرر مرئي أكثر تقناً للمستخدمين غير التقنيين
+تكامل أصلي مع Supabase لقاعدة البيانات والمصادقة
+مزامنة GitHub تُبقي كل تغيير في نظام التحكم في الإصدارات

Bolt يتفوق في

+Bolt يُشغّل Node.js في المتصفح للتغذية الراجعة الفورية عبر WebContainers
+Bolt يدعم أطر JavaScript أكثر (Vue وSvelte وAstro)
+التسعير القائم على رموز Bolt قد يكون أكثر فعالية من حيث التكلفة لمستخدمي القوة

Lovable vs Replit

يقدم Replit IDE كاملاً قائماً على المتصفح مع Agent AI، بينما يركّز Lovable بحتاً على بناء التطبيقات بلغة طبيعية. Replit أفضل للمطورين الذين يريدون كتابة الكود جانباً مع الذكاء الاصطناعي؛ Lovable أفضل للمستخدمين الذين يريدون أن يتعامل الذكاء الاصطناعي مع كل البرمجة.

Lovable يتفوق في

+أكثر سهولةً للمستخدمين غير التقنيين — لا حاجة لمعرفة IDE
+أسرع من الفكرة إلى التطبيق الجاهز للنشر للمشاريع البسيطة
+المحرر المرئي يتيح تعديلات التصميم بالنقر

Replit يتفوق في

+Replit يدعم 50+ لغة مقابل React/TypeScript فقط في Lovable
+Replit يدعم تطوير تطبيقات الجوال مع React Native
+Replit يقدم IDE كاملاً لعندما تحتاج إلى كتابة الكود مباشرةً

1. إنشاء تطبيقك الأول

سجّل على lovable.dev وستصل إلى شاشة التعليمات. صف التطبيق الذي تريد بناءه بتفصيل — على سبيل المثال: 'ابنِ تطبيق إدارة مشاريع مع لوحة kanban ومصادقة المستخدمين والتعاون الجماعي. استخدم مظهراً داكناً مع لهجات زرقاء.' كن محدداً حول الميزات وتدفقات المستخدم وتفضيلات التصميم. سيولّد Lovable تطبيقاً كاملاً في أقل من دقيقة ويُظهر لك معاينة مباشرة.

2. التكرار عبر الدردشة

بعد توليد تطبيقك، استخدم لوحة الدردشة لتحسينه. أرسل رسائل مثل 'أضف صفحة إعدادات مستخدم مع تحرير الملف الشخصي' أو 'اجعل الشريط الجانبي قابلاً للطي' أو 'أصلح زر تسجيل الدخول — يُعيد التوجيه إلى الصفحة الخاطئة.' كل رسالة تولّد كوداً محدّثاً وتتحدّث المعاينة في الوقت الفعلي. يمكنك التراجع عن التغييرات إذا ذهبت التعليمات في الاتجاه الخاطئ.

3. ربط Supabase لقاعدة البيانات والمصادقة

انقر على زر تكامل Supabase لربط قاعدة بيانات. يُنشئ Lovable تلقائياً جداول PostgreSQL ويُعدّ سياسات الأمان على مستوى الصف ويُهيّئ موفري المصادقة (البريد الإلكتروني وGoogle وGitHub) ويربط الواجهة الأمامية. يمكنك إدارة بياناتك وعرض السجلات وتحرير السياسات مباشرةً في لوحة تحكم Supabase.

4. نشر التطبيق ومشاركته

انقر على زر Deploy لنشر تطبيقك على رابط إنتاجي. يوفر Lovable نطاقاً فرعياً مجانياً (yourapp.lovable.app) أو يمكنك ربط نطاق مخصص. تطبيقك مباشر مع HTTPS وتوزيع CDN عالمي ويمكن مشاركته مع أي شخص. مستودع GitHub متاح دائماً للتصدير لمواصلة التطوير في مكان آخر.

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

لا. Lovable مصمم للمستخدمين غير التقنيين. صف ما تريد بالإنجليزية البسيطة والذكاء الاصطناعي يبنيه. يمكن للمطورين أيضاً استخدامه للنمذجة السريعة ثم تصدير الكود النظيف لمزيد من التطوير.

يولّد Lovable واجهات أمامية React + TypeScript مع Tailwind CSS ومكونات shadcn/ui وSupabase للخلفية (قاعدة بيانات PostgreSQL والمصادقة والتخزين) وينشر إلى استضافة سحابية. الكود نظيف ومنظم ومصدّر بالكامل.

نعم. كل مشروع Lovable مدعوم بمستودع GitHub حقيقي. أنت تمتلك 100% من الكود المولّد ويمكنك استنساخه ومواصلة التطوير محلياً في أي محرر أو تسليمه لفريق تطوير.

يمكن لـ Lovable بناء تطبيقات SaaS ولوحات معلومات وأسواق وCRMs وأنظمة حجز والمزيد. يتعامل مع المصادقة وCRUD لقاعدة البيانات والمدفوعات (Stripe) ورفع الملفات وتكاملات API. التطبيقات المؤسسية المعقدة جداً ذات منطق الأعمال المخصص قد تتطلب تدخل مطور.

نعم، يقدم Lovable مستوىً مجانياً بـ5 رسائل يومياً، وهو كافٍ لتجربته وبناء تطبيقات بسيطة. تبدأ الخطط المدفوعة من $20/شهر بـ100 رسالة وميزات متقدمة.

يركّز Lovable على أكثر واجهة طبيعية لغير المطورين مع محرر مرئي متقن. يؤكد Bolt على السرعة والتسعير القائم على الرموز مع دعم أطر أوسع. يقدم Replit تجربة IDE كاملة مع مساعدة الذكاء الاصطناعي ويدعم 50+ لغة برمجة.

نعم. يدعم Lovable تحويل الصورة إلى تطبيق. ارفع لقطة شاشة أو نماذج أولية أو تصدير Figma أو حتى رسماً يدوياً وسيولّد Lovable تطبيقاً عاملاً يطابق التصميم.

يواصل تطبيقك العمل والبقاء جاهزاً للنشر. لا تستطيع فقط إجراء تغييرات جديدة مدعومة بالذكاء الاصطناعي حتى تتجدد رسائلك الشهر القادم أو تُرقّي خطتك. يمكنك دائماً تحرير الكود مباشرةً في GitHub.

تتضمن خطة Scale ميزات تعاون جماعي. يمكن لأعضاء الفريق المتعددين الوصول إلى نفس المشروع وتحريره. للتعاون على مستوى الكود، يمكن لجميع أعضاء الفريق العمل من خلال مستودع GitHub المتزامن.

يولّد Lovable كوداً نظيفاً من React + TypeScript يتبع أفضل الممارسات الحديثة. يستخدم مكتبات راسخة (Tailwind وshadcn/ui وReact Query) وأنماطاً صحيحة. للتطبيقات الإنتاجية، يجب مراجعة الأمان وإضافة معالجة الأخطاء واختبار الحالات الحدية.