استعراض Lovable.dev: كيف بنيت تطبيقًا في دقائق مع الذكاء الاصطناعي

هل تعلم أن أكثر من 90٪ من الشركات الناشئة تفشل، وأحد أكبر الأسباب هو الوقت الذي يستغرقه إنشاء منتج؟

ذلك هو السبب في أن Lovable.dev لفت انتباهي. بدلاً من قضاء ساعات في الكفاح مع الشفرة أو تجميع أدوات بدون كود، كتبت ما أردته. بعد بضع دقائق، تم تقديمي بتطبيق يعمل!

في هذا الاستعراض Lovable.dev، سأناقش Points الإيجابية والسلبيات، ما هو Lovable.dev، من هو المستهدف، وميزاته الرئيسية. ثم سأريك كيف استخدمت Lovable لبناء تطبيق ويب لتعقب وتحسين المزاج من خلال العلاج باللون.

سأنهي المقال بمقارنة Lovable مع ثلاثة بديلات رئيسية لي (Replit و Windsurf و Cursor). في النهاية، ستعرف ما إذا كان Lovable مناسب لك!

الخلاصة

Lovable يجعل من السهل بناء نماذج أولية وبروتوتايب بسرعة باستخدام أدوات حديثة مثل React و Vite و Supabase و GitHub. إنه جيد للسرعة والبساطة، ولكن أقل مثالية للتعديل العميق.

ما هو Lovable.dev؟

Lovable.dev هو منشئ تطبيقات ذكاء اصطناعي يتحول إلى تطبيقات ويب كاملة من نصوص الدعوة. يكتب شفرة حقيقية للواجهة الأمامية والخلفية وقاعدة البيانات التي يمكن للمطورين تحريرها وتعديلها مع دعم التكامل مع GitHub. في النهاية، يسمح Lovable للفرق والشركات الناشئة ببناء وتحديث التطبيقات بسرعة.

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

المكدس التقني والقدرات الخلفية

يضم مكدس Lovable React و Vite لتطوير الواجهة الأمامية. هذه أدوات معيارية في الصناعة التي يجب أن يكون معظم المطورين على دراية بها.

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

Lovable مقابل بدون كود / منخفض الكود

แต đâu يقع Lovable في toàn cảnh بدون كود / منخفض الكود؟

المنصات التقليدية بدون كود (مثل Bubble أو Webflow) تتطلب منك سحب وإفلات المكونات. كما أنها يمكن أن تكون محدودة إذا كنت تمتلك رؤية محددة. تقدم منصات منخفضة الكود مرونة أكبر، لكنها لا تزال تتطلب بعض المعرفة الفنية.

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

الأفضل من ذلك كله هو أنك تملك الشفرة المولدة بالكامل. لا يوجد قفل مورد لمنع تشغيل تطبيقك.

من هو Lovable.dev أفضل له؟

هنا أنواع الأشخاص الذين يستفيدون أكثر من استخدام Lovable.dev:

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

ميزات Lovable.dev الرئيسية

هنا ميزات Lovable التي يجب أن تدركها:

• نص إلى تطبيق ويب: بناء تطبيقات ويب كاملة من دعوات نصية، بما في ذلك الواجهة الأمامية والخلفية وقاعدة البيانات.
• Supabase: إدارة قواعد البيانات والتحقق والتخزين والتحديثات الحية مع دعم Supabase المدمج.
• GitHub: مزامنة تلقائية مع GitHub للسيطرة الكاملة على الشفرة ونسخة احتياطية.
• شفرة الذكاء الاصطناعي: التعامل مع منطق معقد مثل CRUD والصلاحيات والتكاملات API (مثل Stripe).
• محرر مرئي: تصميم الواجهة مع مساعدة الذكاء الاصطناعي أو الدخول إلى وضع التحرير لتحرير المعاينة مباشرة.
• النشر: نشر التطبيقات الحية في نقرة واحدة مع خدمات مثل Netlify.
• مطورو الود: توليد شفرة قابلة للتحرير (React و Vite) للتعديل الكامل.
• وكيل ذكي: مساعد الشات يخطط ويصحح ويعيد صياغة التطبيقات خطوة خطوة.

كيفية استخدام Lovable.dev

هنا كيف استخدمت Lovable لإنشاء تطبيق ويب لتعقب وتحسين المزاج من خلال العلاج باللون:

1. إنشاء حساب
2. إعطاء Lovable دعوة
3. إضافة الأصول بشكل اختياري
4. تعديل إعدادات الرؤية
5. إرسال الدعوة للإنشاء
6. تعديل الإعدادات
7. إجراء تعديلات يدوية
8. محادثة مع Lovable
9. إجراء تعديلات مع مساعد الشات

الخطوة 1: إنشاء حساب

بدأت bằng الذهاب إلى lovable.dev و النقر على “Get Started” في أعلى اليمين.

الخطوة 2: إعطاء Lovable دعوة

بعد إنشاء حساب، قلت ل Lovable ما أردته أن يخلق.

هنا الدعوة التي قدمتها:

“ابني تطبيق ويب كامل يسمى ‘MoodMosaic’ يساعد المستخدمين على تعقب وتحسين المزاج من خلال العلاج باللون. صممه مع تدرجات لامعة من الألوان العميقة إلى الألوان الزاهية. الميزات: مذكرة مزاج مع إدخالات مميزة بالألوان، توصيات ألوان شخصية، أوقات تأمل مع انتقالات ألوان متحركة، لوحة تحكم تحليلية للمزاج، ومشاركة لوحات الألوان اليومية. أضف مصادقة المستخدم وتعقب المزاج في الوقت الفعلي وتوصيات ألوان مدعومة بالذكاء الاصطناعي بناءً على أنماط المزاج.”

كلما كنت أكثر وصفًا، كان النتائج أكثر دقة!

الخطوة 3: إضافة الأصول بشكل اختياري

بالإضافة إلى إضافة دعوة نصية، يمكنني استيراد ملف Figma أو إرفاق صورة. سوف يستخدم Lovable ذلك كدليل مرئي لتطبيقك أو مشروعك.

الخطوة 4: تعديل إعدادات الرؤية

الخيار الآخر كان تعديل إعدادات الرؤية:

• عام (يمكن لأي شخص عرض ومشاركة)
• مساحة العمل (مرئي فقط لمساحة العمل. متاح على Pro)
• شخصي (مرئي فقط لك ما لم يتم مشاركته. متاح على Business)

يمكنني أيضًا إضافة مشروع Supabase، مما يسمح لي ب إدارة واجهة المستخدم وقاعدة البيانات من واجهة تشات واحدة.

الخطوة 5: إرسال الدعوة للإنشاء

حافظت على كل شيء افتراضيًا، وأضفت الدعوة النصية، وأرسلتها إلى Lovable.

على الفور، بدأ Lovable في إنشاء تطبيقي.

بعد بضع دقائق، كان تطبيقي جاهزًا!

في مساعد الشات على اليسار، شرح Lovable عمليةه بالكامل. على اليمين، عرض Lovable معاينة لخلقته.

كان الإعداد بسيطًا، مما يجعل إنشاء التطبيقات والمواقع سهلًا وسريعًا لأي شخص.

في أسفل مساعد الشات كانت بعض إعدادات المشروع ووضع التحرير ووضع الشات.

الخطوة 6: تعديل الإعدادات

داخل إعدادات المشروع، يمكنني الاتصال بـ GitHub و عرض سجلي و الوصول إلى قاعدة المعارف و عرض إعدادات المشروع و الاتصال بـ Supabase و إرفاق الصور.

الخطوة 7: إجراء تعديلات يدوية

سمح المحرر لي باختيار أي عنصر داخل المعاينة لطلب التغييرات أو تعديل المسافات أو تعديل الأسلوب أو حذف العنصر بالكامل.

الخطوة 8: محادثة مع Lovable

النقر على “الشات” سمح لي بالتفاعل مع مساعد الشات دون إجراء أي تعديلات على المشروع.

الخطوة 9: إجراء تعديلات مع مساعد الشات

أردت أن أجرب طلب تعديلات من Lovable، لذلك قدمت له الدعوة التالية في مساعد الشات:

“غير موضوع التطبيق إلى لوحة ألوان هادئة مع أزرق و وردي و أخضر. قم بتحديث الخلفيات والأزرار والرؤوس لتطابق هذه اللوحة لمنظر مريح ومتجانس.”

بعد بضع ثوان، قام Lovable بتطبيق طلبي على المعاينة الحية!

لم يكن مثاليًا، لكنه كان نقطة انطلاق جيدة. يمكنني إجراء تعديلات يدوية بالانتقال إلى “وضع التحرير”.

عندما كنت راضيًا عن كل شيء،_clicked على “Publish” في أعلى اليمين لمعاينة ونشر 창ي.

بشكل عام، جعل Lovable بناء تطبيقي يشعر بالسرعة وعدم القلق. على الرغم من أنه لم يكن مثاليًا، كان من السهل التبديل بين الشات والتحرير والمعاينة دون الشعور بالارتباك.

أفضل 3 بدائل Lovable.dev

هنا أفضل بدائل Lovable.dev التي أوصي بها:

Replit

البدائل الأولى التي أوصي بها هي Replit. Replit هو منصة برمجة ذكاء اصطناعي مع IDE مدمج وأدوات نشر و مساعد ذكاء اصطناعي يسمى Ghostwriter. يوفر للمطورين الوصول الكامل إلى الشفرة في محرر مألوف، مما يجعل من السهل بناء وتحسين التطبيقات.

يدعم Replit أكثر من 50 لغة برمجة وHosting مدمج من خلال عمليات نشر Replit. هذا أفضل للمطورين الذين يريدون المزيد من التحكم ويتعاملون بسهولة مع كتابة أو تعديل الشفرة يدويًا.

في غضون ذلك، يركز Lovable على بروتوطايب مرئي سريع باستخدام دعوات نصية. يخلق واجهات أمامية متقنة مع React و Vite وهي مثالية للمؤسسين أو الفرق التي تبني نماذج أولية سريعة.

اختر Lovable لبناء التطبيقات بسرعة مع الحد الأدنى من الكود. اختر Replit لبرمجة الذكاء الاصطناعي في لغات متعددة و نشر سحابي سهل.

اقرأ استعراضي ل Replit أو زور Replit!

Windsurf

البدائل الثانية التي أوصي بها هي Windsurf. Windsurf هو أداة ذكاء اصطناعي توفر للمطورين التحكم الكامل والملكية الكاملة للشفرة مع إنشاء شفرة محلي.

Windsurf هو أداة IDE محلي توفر شفرة قابلة للتحرير بالكامل. يساعد في إنشاء شفرة خطوة خطوة وتحسينها داخل المحرر.

في غضون ذلك، Lovable هو أداة بدون كود لبناء تطبيقات كاملة مع مهارات تقنية قليلة. يسمح بالنشر بسهولة ويولد واجهة أمامية وخلفية.

اختر Lovable لإنشاء تطبيقات بسرعة مع الذكاء الاصطناعي. اختر Windsurf لملكية شفرة كاملة وعمليات عمل مرنة وتطوير محلي.

اقرأ استعراضي ل Windsurf أو زور Windsurf!

Cursor

البدائل الثالثة التي أوصي بها هي Cursor. Cursor هو IDE ذكاء اصطناعي يساعد المطورين على كتابة الشفرة بسرعة مع اقتراحات محسنة السياق.

يسمح Cursor بتحرير ملفات متعددة ويفهم مشروعك بالكامل. إنه لمطورين محترفين يريدون مساعدة سريعة من الذكاء الاصطناعي لبرمجة وتصحيح المشاريع.

في غضون ذلك، يقدم Lovable طريقة موجهة لبناء التطبيقات بسرعة. ومع ذلك، سيكون لديك التحكم الأقل في الشفرة. هذا يجعل Lovable رائعًا للشركات الناشئة والبروتوتايب السريع بدعوات نصية.

اختر Lovable لإنشاء تطبيقات كاملة وتنشرها بسرعة مع الحد الأدنى من الكود. اختر Cursor لمساعدة برمجة الذكاء الاصطناعي وتحرير في IDE ممتاز.

اقرأ استعراضي ل Cursor أو زور Cursor!

استعراض Lovable.dev: هل هو الأداة المناسبة لك؟

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

إنه ليس مثاليًا للتعديل العميق، لكنه وجد التوازن الصحيح بين السرعة والمرونة بالنسبة لي. إذا كنت تريد الانتقال من فكرة إلى تطبيق يعمل بدون شعور بالارتباك، فإن Lovable يستحق المحاولة.

ومع ذلك، إذا كنت تريد المزيد من التحكم والتعديل، فهذه هي أفضل بدائل Lovable التي أوصي بها:

• Replit هو الأفضل للمطورين الذين يريدون التحكم الكامل ودعم لغات متعددة وIDE قوي مع مساعدة الذكاء الاصطناعي.
• Windsurf هو الأفضل لأولئك الذين يفضلون التطوير المحلي وملكية الشفرة الكاملة وعمليات عمل مرنة.
• Cursor هو الأفضل للمطورين المحترفين الذين يحتاجون إلى IDE مع إدراك سياق قوي ومساعدة في التصحيح.

شكرًا على قراءة استعراضي ل Lovable.dev! آمل أن أكون وجدته مفيدًا.

Lovable يقدم خطة مجانية مع五 ائتمانات يومية ومشتركين غير محدودين. جربها بنفسك و انظر كيف تحبها!

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

هل Lovable أفضل من Bolt?

Lovable هو أفضل للمبتدئين الذين يريدون منصة شات لبناء نماذج أولية و تطبيقات بسيطة بسرعة مع الذكاء الاصطناعي. في غضون ذلك، Bolt هو أكثر قوة ومرونة للمطورين ذوي الخبرة.

ما الذي يمكن أن يفعله Lovable Dev?

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

من هو الرئيس التنفيذي ل Lovable Dev?

الرئيس التنفيذي ل Lovable.dev هو Anton Osika. هو المؤسس المشارك للشركة في نوفمبر 2023 وقادها لتصبح أحد أسرع الشركات الناشئة نموًا في أوروبا.

ما هو البديل ل Lovable Dev?

البديل الأكثر شيوعًا ل Lovable Dev هو Replit. يقدم IDE سحابي مع مساعدة برمجة الذكاء الاصطناعي ودعم لغات متعددة وأدوات نشر مدمجة.

هل اشتراك Lovable يستحق ذلك?

نعم، اشتراك Lovable يستحق ذلك إذا كنت تريد تشغيل تطبيقات كاملة بسرعة مع مساعدة الذكاء الاصطناعي وجهد كود قليل.

هل يعمل Lovable حقًا?

نعم، Lovable يعمل حقًا لبناء التطبيقات والبروتوتايب بسرعة مع الحد الأدنى من الكود.

هل Lovable هو أفضل بناء تطبيقات?

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

هل Lovable AI جيد?

Lovable AI يتم مدحه لإنشاء تطبيقات كاملة بسرعة مع الحد الأدنى من الكود. يسمح لأي شخص بتحويل الأفكار إلى تطبيقات.