مراجعة موقع Lovable.dev: كيف قمتُ ببناء تطبيق في دقائق باستخدام الذكاء الاصطناعي

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

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

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

سأنهي المقال بمقارنة Lovable مع البدائل الثلاثة المفضلة لدي (Replit, تطيير طائرة شراعيةو المؤشر). في النهاية، سوف تعرف ما إذا كان Lovable مناسبًا لك أم لا!

حكم

محبوب يُسهّل بناء نماذج أولية ومنتجات قابلة للتنفيذ (MVPs) بسرعة باستخدام أدوات حديثة مثل React وVite وSupabase وGitHub. إنه رائع للسرعة والبساطة، ولكنه أقل ملاءمة للتخصيص العميق.

ما هو Lovable.dev؟

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

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

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

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

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

محبوب مقابل بدون رمز/منخفض الرمز

ولكن أين يقع موقع Lovable في المشهد الكامل الذي يعتمد على عدم استخدام الكود أو استخدام الكود المنخفض؟

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

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

أفضل ما في الأمر هو أنك تملك الكود المُولّد بالكامل. لا يوجد حبس للبائع للحفاظ على تشغيل التطبيق الخاص بك.

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

فيما يلي أنواع الأشخاص الذين يحصلون على أقصى استفادة من الاستخدام محبوب.dev:

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

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

هنا محبوب الميزات الرئيسية التي يجب أن تكون على علم بها:

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

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

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

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

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

لقد بدأت بالذهاب إلى محبوب.dev والضغط على "البدء" في أعلى اليمين.

الخطوة 2: إعطاء لوفابل إشارة

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

هذا هو الموجه الذي قدمته له:

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

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

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

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

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

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

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

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

الخطوة 5: إرسال المطالبة للإنشاء

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

على الفور، بدأت لوفابل العمل على إنشاء تطبيقي. وبعد دقائق قليلة، أصبح تطبيقي جاهزًا!

في روبوت المحادثة على اليسار، شرحت لوفابل عملية إنشائها بالكامل. على اليمين، عرضت لوفابل معاينةً لعملية إنشائها.

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

في الجزء السفلي من برنامج المحادثة الآلي كانت هناك بعض إعدادات المشروع ووضع التحرير ووضع الدردشة.

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

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

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

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

الخطوة 8: الدردشة مع لوفابل

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

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

أردت أن أجرب مطالبة Lovable بإجراء تعديلات، لذا وجهت إليه الإشارة التالية في برنامج الدردشة الآلي:

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

وبعد ثوانٍ قليلة، قام Loveable بتطبيق طلبي على المعاينة المباشرة!

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

بمجرد أن أصبحت راضيًا عن كل شيء، قمت بالنقر فوق "نشر" في الجزء العلوي الأيمن لمعاينة ونشر إبداعي.

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

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

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

Replit

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

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

في الوقت نفسه، تُركز Lovable على إنشاء نماذج أولية بصرية سريعة باستخدام مُحفزات اللغة الطبيعية. تُنشئ واجهات React وVite مُحسّنة، وهي مثالية للمؤسسين أو الفرق التي تُنشئ منتجات قابلة للتنفيذ (MVPs) سريعة.

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

قراءة بلدي مراجعة Replit أو زيارة Replit!

تطيير طائرة شراعية

البديل المحبوب التالي الذي أنصح به هو Windsurf. Windsurf أداة ذكاء اصطناعي تمنح المطورين تحكمًا كاملاً وملكيةً لأكوادهم، مع إمكانية توليد أكواد محلية.

Windsurf هي أداة ذكاء اصطناعي محلية بنمط بيئة التطوير المتكاملة (IDE)، تُنشئ أكوادًا برمجية متكاملة قابلة للتعديل. تُساعد على إنشاء الأكواد البرمجية وتحسينها خطوة بخطوة داخل المحرر.

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

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

قراءة بلدي مراجعة رياضة ركوب الأمواج الشراعية أو زيارة تطيير طائرة شراعية!

المؤشر

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

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

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

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

قراءة بلدي مراجعة المؤشر أو زيارة المؤشر!

مراجعة Lovable.dev: هل هي الأداة المناسبة لك؟

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

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

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

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

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

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

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

هل لوفابل أفضل من بولت؟

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

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

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

من هو الرئيس التنفيذي لشركة Lovable Dev؟

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

ما هو البديل لـLovable Dev؟

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

هل الاشتراك في Loveable يستحق ذلك؟

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

هل يعمل Loveable حقًا؟

نعم، محبوب يعمل حقًا لبناء التطبيقات والنماذج الأولية بسرعة باستخدام الحد الأدنى من الترميز.

هل يعد تطبيق Lovable أفضل منشئ للتطبيقات؟

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

هل Loveable AI جيد؟

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