Lovable أم Claude Code في 2026: أيهما تختار لمشروعك الأول؟
MarkdownLovable وClaude Code: الأسعار، ومن يناسبه كل منهما، ومواطن التعثر. جدول لاتخاذ القرار وسير عمل يرسم فيه Lovable الهيكل العظمي، ثم ينقّح Claude Code المنطق.
قراءة المقال كاملًا
الخلاصة
Lovable أداة إنشاء تعمل في المتصفح: اكتب «أريد أداة لتتبع المهام مع المصادقة»، وستحصل خلال دقيقة على موقع مباشر مبني باستخدام React + Supabase. أما Claude Code فهو مساعد محلي يعمل في الطرفية. يتعامل مع أي حزمة تقنية وأي شيفرة، لكنه يتطلب التثبيت ومعرفة أساسية بالملفات. Lovable أكثر ملاءمة لإنشاء نموذج أولي أول في أمسية واحدة؛ أما Claude Code فللتطوير الجاد. عمليًا، يستخدم من لديهم خبرة في البرمجة الإبداعية بالأوامر كليهما: يرسم Lovable الهيكل العظمي، وينقّح Claude Code المنطق.
تجد معلومات العمل مع Ailoot في التوثيق.
ما Lovable وClaude Code؟
الخلاصة
Lovable تطبيق ويب في متصفحك: صِف منتجًا نصيًا، وسيبني الذكاء الاصطناعي موقعًا مباشرًا مع قاعدة بيانات ومصادقة. أما Claude Code فهو برنامج طرفية يعمل مع مجلد مشروعك، ويقرأ الملفات ويكتبها وينفذ الأوامر. الأول أداة «متكاملة جاهزة للاستخدام»، والثاني أداة عامة الاستخدام.
Lovable أداة إنشاء تعمل في المتصفح. تقنيًا، Lovable طبقة فوق Claude Opus من Anthropic: تؤكد الشركة علنًا أنها اختارت Claude نموذجًا أساسيًا لها بعد تقييم النماذج التجارية ومفتوحة المصدر (قصة عميل Anthropic: Lovable). لذا فإن تصوير الأمر على أنه «Lovable أم Claude» تبسيط مخل. في الواقع، هما طبقتان: Lovable غلاف مريح حول Claude نفسه الذي يمكنك الوصول إليه مباشرة عبر Claude Code.
إليك ما يحدث عند زيارة lovable.dev:
- سجّل الدخول عبر Google أو GitHub.
- اكتب طلبًا: «أنشئ لي نظام CRM لوكالة عقارات مع مصادقة وقاعدة بيانات للعملاء».
- خلال 30–60 ثانية، سترى موقعًا مباشرًا على نطاق مجاني
*.lovable.app، مع قاعدة بيانات ونموذج تسجيل دخول وصفحات عاملة. - ثم حسّنه بكتابة طلبات مثل: «أضف فلترًا بحسب حالة الصفقة»، «أضف مظهرًا داكنًا»، «أضف Stripe لمدفوعات الاشتراك».
في الخلفية، يبني Lovable تطبيق React باستخدام Vite، مع تنسيقات Tailwind CSS ومكونات shadcn/ui. الواجهة الخلفية هي Supabase: PostgreSQL للبيانات، وSupabase Auth لتسجيل الدخول، وEdge Functions للمنطق من جهة الخادم. منذ 13 مايو 2026، تستخدم المشاريع الجديدة TanStack Start مع العرض من جهة الخادم.
Claude Code برنامج من Anthropic تثبّته على جهاز Mac أو Windows أو Linux. شغّله باستخدام الأمر claude في الطرفية، داخل مجلد مشروعك. بعد ذلك تتحدث إليه نصيًا، فيقرأ الملفات ويكتب الشيفرة وينفذ الأوامر ويصلح الأخطاء. منذ 16 أبريل 2026، أصبح النموذج الأساسي Opus 4.7؛ ومنذ 28 مايو 2026، أصبح Opus 4.8 متاحًا أيضًا مع ميزة Dynamic Workflows (حتى 1,000 وكيل فرعي متوازٍ) (Anthropic - Claude Opus 4.7).
الفرق الأساسي في جملة واحدة: Lovable موقع ويب يبني لك مواقع ويب. أما Claude Code فهو زميل مطور يجلس في طرفيتك وينفذ تعليماتك.
في الواقع، يصف هذان الموقفان مرحلتين على الطريق نفسه. Lovable أداة للانتقال «من الصفر إلى الواحد» عندما لم تتعلم الحرفة بعد. أما Claude Code فأداة للنمو، حين تكون قد فهمت كيفية بناء التطبيقات وتريد التحكم فيها.
من ينبغي له استخدام Lovable، ومن ينبغي له استخدام Claude Code؟
الخلاصة
يناسبك Lovable إذا أردت رؤية نموذج أولي عامل في أمسية واحدة ولم تكن مستعدًا بعد لفهم كيفية تثبيت الأدوات. ويناسبك Claude Code إذا كنت تعرف بالفعل ماهية مجلد المشروع وgit وتريد التحكم الكامل بالشيفرة. لا يوجد «أفضل» بينهما؛ المسألة هي «متى تستخدم أيهما».
أرى الأمر كاختيار بين وجبة جاهزة في مطعم ومطبخ في المنزل. Lovable هو المطعم: تجلس وتطلب، وبعد 20 دقيقة تجد طبقًا أمامك. أما Claude Code فهو المطبخ: مجموعة من الأدوات والمكونات، ومساعد يعرف الوصفات كلها، لكنك أنت من يطبخ ويقرر ماذا يصنع وكيف.
يناسبك Lovable إذا:
- لم تفتح طرفية من قبل ولا تريد أن تبدأ.
- تحتاج إلى نموذج أولي لفكرة في أمسية واحدة لتعرضه على شريك أو عميل.
- تبني منتجًا مألوفًا: صفحة هبوط أو نظام CRM أو سوقًا إلكترونية أو لوحة معلومات أو نموذج استفسار؛ أي شيء بناه Lovable مئات المرات.
- أنت مستعد للعمل باستخدام حزمة React + Supabase ولا تحتاج إلى Python أو Go أو تطبيق جوال.
- لا يزعجك اشتراك مدفوع بقيمة $25–100 شهريًا، ولا يقلقك بقاء الشيفرة لدى المورّد.
يناسبك Claude Code إذا:
- سبق أن عملت مع مجلدات المشاريع وتعرف ماهية git و
.env. - تحتاج إلى التحكم بكل ملف وتريد اختيار الحزمة التقنية بنفسك.
- مشروعك أعقد من المعتاد: روبوت Telegram أو نص برمجي لمعالجة البيانات أو تطبيق جوال أو تكامل مع واجهة API غير معيارية.
- تريد أن تبقى الشيفرة في مستودعك لا لدى المورّد.
- أنت مستعد لتعلم CLAUDE.md وهندسة السياق للحصول على نتائج متسقة.
هل تريد اختيار المزيج المناسب لمهمتك من دون تخمين؟ يتكون المزيج الفعال من ثلاثة عناصر: نسخة الذكاء الاصطناعي + Second Brain + Context Engineering. يحوّل هذا المزيج أي أداة — Lovable أو Claude Code أو كليهما — إلى مسار عمل موثوق.
كم تبلغ تكلفة أول مشروع باستخدام كل أداة؟
الخلاصة
يمكنك تجربة الأداتين مجانًا. يمنحك Lovable 5 أرصدة يوميًا ومشاريع عامة؛ ويتيح Claude Code محادثة مجانية من دون CLI. تبدأ تكلفة أول مشروع فعلي من $25 شهريًا مع Lovable ومن $20 مع Claude Code. لكن كلما كبر المشروع، يصبح Lovable أغلى من Claude Code بمقدار 4–5 مرات بسبب حدود الرسائل.
Lovable: الخطط والأرصدة
أسعار Lovable الرسمية حتى مايو 2026:
| الخطة | السعر | الأرصدة شهريًا | ما تتضمنه |
|---|---|---|---|
| Free | $0 | 5 يوميًا، حتى 30 شهريًا | مشاريع عامة فقط على *.lovable.app |
| Pro | $25 ($21 عند الدفع سنويًا) | 100 + 5 يوميًا (حتى 150) | مشاريع خاصة، نطاق مخصص، مزامنة GitHub |
| Business | $50 ($42 عند الدفع سنويًا) | 100 + 5 يوميًا | فرق، SSO، صلاحيات متقدمة |
| Enterprise | بحسب العقد | مخصصة | مزايا المؤسسات |
يعادل الرصيد الواحد تقريبًا طلبًا واحدًا. تعديل بسيط على النمط يستهلك 0.5 رصيد، بينما تكلف الميزة الجديدة التي تتضمن مصادقة 1.5 رصيد أو أكثر. الفخ الأساسي هو أن دورة إصلاح الأخطاء (حين يصلح الذكاء الاصطناعي شيئًا ويعطّل شيئًا آخر) قد تستهلك 60–150 رصيدًا إضافيًا فوق تكلفة البناء الأولي، استنادًا إلى شكاوى فعلية في منتديات المستخدمين لعام 2026. شراء 50 رصيدًا إضافيًا في خطة Pro يكلف $15.
⚠️ هناك تكلفة منفصلة هي Lovable Cloud (الاستضافة المُدارة من المنصة). وهي غير مشمولة في الاشتراك: يحصل كل نطاق عمل على استضافة مجانية بقيمة $25 شهريًا + استخدام مجاني للذكاء الاصطناعي بقيمة $1 شهريًا. بعد ذلك، تدفع بحسب الاستخدام (قراءات قاعدة البيانات وكتابتها، والوظائف الطرفية، والتخزين). في إحدى الحالات المعروفة، استهلك مشروع لديه أقل من 100 مستخدم نشط حصته المجانية خلال أسبوع.
Claude Code: الخطط والرموز
أسعار Claude الرسمية لعام 2026:
| الخطة | السعر | لمن تناسب |
|---|---|---|
| Free | 0 | محادثة على claude.ai فقط؛ Claude Code غير مشمول |
| Pro | $20 / شهريًا | جلسات عدة يوميًا، لمستخدم البرمجة الإبداعية المعتاد |
| Max 5x | $100 / شهريًا | للعمل على Claude Code طوال اليوم |
| Max 20x | $200 / شهريًا | لتشغيل وكلاء مستقلين في مهام طويلة |
| Team Standard | $25 / مقعد / شهريًا | للفرق |
| Team Premium | $125 / مقعد / شهريًا | للفرق التي تحتاج إلى حدود أعلى |
تتوفر أيضًا رموز API لمن يبنون تكاملاتهم الخاصة: تبلغ تكلفة Opus 4.8 مقدار $5 لكل مليون رمز إدخال و$25 لكل مليون رمز إخراج. للتفاصيل، راجع دليل Opus 4.8 لـ Claude Code.
التكلفة الفعلية لمشروع أول ولمشروع جاد
لنأخذ مهمة نموذجية: «أنشئ موقعًا لحجوزات العملاء يتضمن قاعدة بيانات ونموذج حجز ولوحة إدارة».
Lovable: في خطة Pro ($25)، ستحتاج إلى نحو 30–40 رصيدًا للبناء والتحسين. وستبقى ضمن اشتراك شهر واحد. وكل منتج جديد أو إعادة تصميم كبيرة بعد ذلك تعني اشتراكًا لشهر آخر، إضافة إلى نفقات محتملة لـ Lovable Cloud.
Claude Code: في خطة Pro ($20)، ستستغرق المهمة نفسها 3–4 ساعات من العمل ونحو عشر جلسات مع الذكاء الاصطناعي. تكفي الحدود الشهرية لإنجاز 2–3 مشاريع مماثلة بالتوازي، إلى جانب الأعمال الروتينية: تعديل نصوص الموقع وإجراء إصلاحات صغيرة وكتابة نصوص الأتمتة البرمجية.
على المدى البعيد، يصبح الفرق أكبر. شغّل أحد المطورين 10 billion رمزًا عبر Claude Code خلال 8 أشهر: كانت ستكلفه أكثر من $15,000 عبر API، لكنها كلفته نحو $800 في خطة Max. إذا كنت ستبني منتجًا واحدًا لمرة واحدة، فتكلفة Lovable وClaude Code متقاربة. أما إذا كان لديك 5–10 مشاريع وتعمل عليها بانتظام، فتكلفة Claude Code أقل 5–6 مرات.
ما الشيفرة التي تحصل عليها؟ ما وراء الكواليس
الخلاصة
يبني Lovable دائمًا الحزمة التقنية نفسها: React + Vite + Tailwind + Supabase. وهذا مريح، لكنه ليس خيارًا إذا لم يناسب مشروعك. أما Claude Code فيكتب باللغة التي تطلبها: Python أو Go أو Rust أو TypeScript أو Swift. يمنحك حرية كاملة في اختيار الحزمة التقنية، ويحمّلك المسؤولية الكاملة عن هذا الاختيار.
مع Lovable، تجد إجابة سؤال «بأي شيء كُتب هذا؟» جاهزة. تستخدم كل التطبيقات ما يلي:
- الواجهة الأمامية: React وVite وTailwind CSS ومكتبة المكونات الجاهزة shadcn/ui.
- الواجهة الخلفية: Supabase؛ يستخدم PostgreSQL لقاعدة البيانات، وSupabase Auth لتسجيل الدخول، وSupabase Storage للملفات، وEdge Functions على Deno للمنطق من جهة الخادم.
- الوقت الفعلي: Supabase Realtime عبر WebSocket للمحادثات والتحديثات.
- المدفوعات: تكامل مضمّن مع Stripe.
- الاستضافة:
*.lovable.appفي الخطة المجانية، ونطاقك الخاص في الخطة المدفوعة.
هذه نقطة قوة: حزمة تقنية مجرّبة تغطي 80% من مهام غير المبرمجين. لكنها أيضًا قيد: إذا كان مشروعك روبوت Telegram أو معالجة مستندات PDF أو نصًا برمجيًا لاستخلاص البيانات أو تطبيق جوال، فلا يمكنك استخدام Lovable.
مع Claude Code، تختار الحزمة التقنية بنفسك. استخدمت المشاريع ما يلي:
- Next.js + TypeScript + PostgreSQL لمنصة للمبدعين.
- Python + FastAPI لإحدى الواجهات الخلفية لمنتج أحد العملاء.
- روبوتات Telegram بلغة TypeScript باستخدام مكتبة grammY.
- نصوص معالجة البيانات في Node.js.
يعمل Claude Code نفسه مع أي مجلد وأي حزمة تقنية: يقرأ محتويات المشروع، ويفهم بنيته، ويستخدم اللغة المناسبة. يمنحك ذلك حرية، لكنه يتطلب منك تحديد الحزمة التقنية التي تريد استخدامها.
ماذا يحدث إذا نجح المنتج؟ تطوير المشروع
الخلاصة
بعد الإصدار الأول في Lovable، إما أن تضيف طلبات جديدة فيه (فتصطدم بحدوده وبنيته المعمارية)، أو «تصدّر» الشيفرة إلى ملفاتك وتنتقل إلى محرر شيفرة، فتفقد ميزة أداة الإنشاء بالكامل. أما مع Claude Code، فتضيف مهام جديدة في الطرفية نفسها. الشيفرة ملكك دائمًا وتظل مسيطرًا عليها.
هذا سيناريو لا يتحقق منه كثيرون في البداية، لكنه الفرق الحاسم بين الأداتين.
افترض أنك بنيت متتبع مهام في Lovable وحقق نجاحًا. صار العملاء يكتبون إليك: «أضف تكاملًا مع نظام CRM لدينا»، «نحتاج إلى تصدير Excel ببنية محددة»، «أنشئ تطبيقًا للجوال». ماذا يحدث؟
- تنفّذ التغييرات البسيطة بالطلبات وتستهلك الأرصدة.
- كثيرًا ما تصطدم التغييرات المعقدة بحدود البنية: Lovable لا يعرف نظام CRM لديك، والتصدير غير معياري، ويتطلب تطبيق الجوال حزمة تقنية مختلفة.
- يتيح Lovable تصدير الشيفرة والعمل في محرر، لكن هذا لم يعد «برمجة إبداعية بالأوامر». بل أصبح تطويرًا عاديًا تحتاج فيه إلى فهم React وTypeScript وSupabase.
لا يوجد هذا الانقطاع في Claude Code. أضف تكامل CRM، فيقرأ Claude Code وثائق النظام ويكتب عميلًا برمجيًا ويختبره ثم ينفّذ commit. تحتاج إلى تطبيق جوال؟ افتح مجلدًا جديدًا، وأسند إليه المهمة «أنشئ تطبيق iOS بلغة Swift باستخدام API نفسها»، واحصل على النتيجة. لن يضيع السياق لأن المستودع ملكك.
هذا لا يعني أن Lovable سيئ؛ فهو ممتاز لحل المهمة الأولى. بل يعني أن Lovable نقطة انطلاق للمنتج، وليس موطنه على المدى الطويل.
عندما يرتكب Claude Code وLovable أخطاء: أيهما أسهل إصلاحًا؟
الخلاصة
كلاهما يرتكب أخطاء. أخطاء Lovable «أعمق»، وغالبًا ما تكون في البنية أو إعدادات Supabase، ولا يمكن إصلاحها إلا بطلب جديد أو بتعديل الشيفرة يدويًا. أما أخطاء Claude Code فتكون أقرب إلى السطح، داخل الملفات، ويمكن إصلاحها بدقة باستخدام /rewind أو git. من الأرجح أن يتمكن المتمرس في البرمجة الإبداعية بالأوامر من التعامل مع Claude Code؛ أما المبتدئ فمع Lovable.
يرتكب الذكاء الاصطناعي أخطاء دائمًا. والسؤال الأهم هو مقدار الجهد اللازم لإصلاحها.
عندما يتعطل شيء في Lovable، لديك 3 خيارات:
- واصل كتابة الطلبات: «أصلح هذا، فالزر لا يعمل». ينجح ذلك كثيرًا، لكنه لا ينجح دائمًا.
- ارجع إلى إصدار سابق باستخدام سجل Lovable. يتراجع مرة واحدة بمقدار N خطوات، لذا فالاسترجاع غير دقيق.
- انتقل إلى Dev Mode (متاح في الخطط المدفوعة فقط) وعدّل الشيفرة يدويًا.
عند حدوث خطأ في Claude Code:
- ترى خطأ في الطرفية أو المتصفح، وتقول لـ Claude: «هذا هو الخطأ، اعثر على سببه».
- إذا وصلت إلى طريق مسدود، يعيدك الأمر
/rewindإلى آخر نقطة كان العمل فيها سليمًا (دليل التراجع عن التغييرات). - يمكنك فتح الملف بنفسك وتعديل سطر؛ فالشيفرة ملكك.
ميزة Claude Code هنا هي أنك تستطيع رؤية ما الذي تغيّر وأين يقع الخطأ. يعمل Lovable كـ«صندوق أسود»: تحصل على نتيجة، لكن لا يمكنك رؤية سببها. يريح ذلك المبتدئ («لست مضطرًا إلى فهم الأمر»)، لكنه يصبح مشكلة عندما يكون المنتج أعقد من صفحة هبوط عادية.
4 حالات يتفوق فيها Lovable على Claude Code
الخلاصة
صفحة هبوط لحملة إعلانية، أو نموذج استطلاع مع قاعدة بيانات، أو نموذج أولي عامل لاجتماع مستثمرين، أو نظام CRM معياري، أو لوحة معلومات: يبني Lovable كل ذلك بسرعة تزيد 5–10 مرات. إذا كان مشروعك ضمن إحدى هذه الحالات، فلا داعي للمعاناة في الطرفية.
الحالة 1: صفحة هبوط تتضمن نموذجًا وقاعدة بيانات. «أريد صفحة يترك فيها الناس عناوين بريدهم الإلكتروني، وأستطيع في لوحة الإدارة معرفة من ترك عنوانه». يستغرق ذلك 10 دقائق في Lovable، بما في ذلك التصميم والنطاق وSSL. أما في Claude Code، فيستغرق بناء الهيكل العظمي 1–2 ساعة، ثم ساعة أخرى لنشره. في مهمة لمرة واحدة، يتفوق Lovable بفارق كبير.
الحالة 2: نموذج تجريبي لمستثمر أو شريك. تحتاج إلى عرض طريقة «عمل» منتج في اجتماع بعد 3 أيام. ينشئ Lovable في أمسية واحدة نموذجًا أوليًا عاملًا وجذابًا بصريًا. يمكنك عرضه والقول: «هنا سنضع هذا المنطق، وهناك سنضع ذاك المنطق». وينقر شريكك على الأزرار ويرى شيئًا حقيقيًا، لا عرض PowerPoint.
الحالة 3: منتج معياري يستند إلى قالب مألوف. نظام CRM بسيط لوكالة، أو بوابة عملاء مع مصادقة، أو لوحة معلومات تتضمن رسومًا بيانية. بنى Lovable هذه التطبيقات مئات المرات، لذا يعرف النموذج الأنماط بالفعل. ومن ثم تزداد فرصتك في الحصول على نتيجة عاملة من المحاولة الأولى.
الحالة 4: عندما يكون التثبيت عائقًا. إذا لم يسبق لشخص أن فتح طرفية فعلًا، ولم يكن مستعدًا لفهم Node.js وgit وVS Code، يستطيع Lovable منحه نتيجة لا يستطيع Claude Code تقديمها له. وجود نموذج أولي عامل أفضل من مشروع لم تبدأ به قط.
4 حالات يتفوق فيها Claude Code على Lovable
الخلاصة
روبوت Telegram أو نص أتمتة برمجي أو تطبيق جوال أو منتج جاد طويل الأمد له مستودعه الخاص؛ إما أن كل ذلك مستحيل في Lovable أو أنك تبلغ حدوده خلال 1–2 أسبوع. أما Claude Code فيعمل دون قيود على الحزمة التقنية أو البنية.
الحالة 1: أي مشروع غير ويب. روبوت Telegram يرد على العملاء ويتتبع الاستفسارات. نص برمجي يجمع بيانات مواقع المنافسين كل ساعة ويرسل ملخصًا إلى Slack. محلل ملفات PDF يستخرج البيانات للمحاسبة. لا يمكنك بناء هذه الأدوات في Lovable، فهو مخصص للويب فقط. أما في Claude Code، فهي مشاريع اعتيادية تُنجز في أمسية.
الحالة 2: منتج جاد طويل الأمد. إذا كنت تبني شركة حول منتج، فأنت بحاجة إلى الشيفرة في مستودع GitHub الخاص بك، وبنيتك التحتية، والتحكم في كل شيء. يربطك Lovable بالمنصة دائمًا: تستطيع تصدير الشيفرة، لكن مواصلة تطويرها دون Lovable أصعب (الحزمة التقنية جامدة، والقرارات المعمارية تُتخذ نيابة عنك). مع Claude Code، تكون الشيفرة ملكك منذ البداية.
الحالة 3: بنية أو حزمة تقنية غير معيارية. تريد Bun بدلًا من Node.js. وتريد Postgres + Redis + ClickHouse. وتريد Python لمكوّن الذكاء الاصطناعي وGo لخدمة مصغرة. وتريد العمال وطوابير الانتظار وWebSockets خارج Supabase. في Lovable، كل ذلك إما مستحيل أو يتطلب «كسر» القيود عبر تعديل الشيفرة يدويًا، ما يلغي ميزة أداة الإنشاء.
الحالة 4: عندما تحتاج إلى عقل ثانٍ للمشروع. يتطلب المنتج الجاد أكثر من الشيفرة؛ فهو يتضمن سياقًا أيضًا: نموذج العمل والجمهور والقيود القانونية والأهداف. يُحفظ هذا السياق في مجلد business/ إلى جانب الشيفرة، ويقرأه Claude Code مع كل طلب (دليل العقل الثاني في Claude Code). يعمل Lovable من دون هذه الطبقة؛ فتحصل على منتج يعمل تقنيًا دون أن تفهم «السبب» وراءه.
أسلوب هجين: Lovable ثم Claude Code في المشروع نفسه
الخلاصة
من التركيبات الشائعة لدى المتمرسين في البرمجة الإبداعية بالأوامر: يبني Lovable هيكل المنتج في أمسية واحدة، ثم تصدّر الشيفرة وتفتحها في VS Code وتواصل تطويرها باستخدام Claude Code. تحصل على البداية السريعة من Lovable والتحكم بالتطوير من Claude Code.
هذا النمط بسيط: كل أداة تجيد مهمتها، لذا لا داعي للاختيار بين «هذه أو تلك».
طريقة العمل:
مرحلة الفكرة. أمضِ أمسية مع Lovable. صِف ما تريده، واحصل على نموذج أولي عامل مع قاعدة بيانات ومصادقة وصفحتين. وهذا يكفي لعرضه على شريك أو لإجراء 5 مقابلات مع عملاء محتملين.
مرحلة التحقق. واصل العمل في Lovable ما دام المنتج بسيطًا. أمضِ 1–2 أسبوع في كتابة الطلبات وإجراء تعديلات صغيرة وإضافة حقول جديدة إلى قاعدة البيانات.
مرحلة التسليم. عندما تبلغ حد Lovable (فتحتاج إلى روبوت Telegram بجانبه أو منطق معقد أو لغة أخرى)، صدّر الشيفرة عبر Dev Mode (يتطلب خطة Pro) واستنسخ المستودع محليًا.
مرحلة التطوير. افتح المستودع في VS Code وشغّل Claude Code من المجلد نفسه. بات Claude قادرًا الآن على رؤية الشيفرة التي بناها Lovable ومواصلة تطويرها. تظل البنية كما هي (React + Supabase)، لكن التحكم ينتقل إليك.
الجانب السلبي هو أنك تدفع مقابل Lovable للشهر الأول (أو أكثر)، ثم تنتقل على أي حال إلى Claude Code. وهذا يعني تكلفة إضافية قدرها $25–50. في المقابل، توفر أسبوع التطوير الأول. وبالنسبة إلى معظم الأفكار التي لا تنجح، فإن إنفاق $25 عليها يستحق ذلك: ستعرف سريعًا ما الذي لم ينجح من دون استثمار أسبوعين في هيكل عظمي ستتخلص منه لاحقًا.
أعادت بناء موقعها الرئيسي مع 12 تكاملًا (Stripe وCustomer.io وMeta Pixel) في يوم واحد باستخدام Lovable، ثم أطلقت ميزة challenge prompts في بيئة الإنتاج باستخدام Claude Code خلال يومين بدلًا من الأسبوعين المتوقعين.
5 مطبات في Lovable لا يتحدث عنها أحد
الخلاصة
تنفد حدود الخطة المجانية في أمسية واحدة. لا تصبح الشيفرة ملكك إلا في Pro+. ترتبط البنية ارتباطًا وثيقًا بـ Supabase. قد لا تكون الواجهة بلغتك المفضلة مباشرةً. أنت مرتبط بالمنصة بشدة: فمع نمو المشروع، تظل شيفرتك لدى المورّد.
المطب 1: الخطة المجانية تكفي أمسية أو أمسيتين. تكفي 5 أرصدة يوميًا لبناء هيكل التطبيق وإجراء تعديلين. بعد ذلك، إما أن تنتظر يومًا أو تدفع $25.
المطب 2: لا يتاح الوصول إلى الشيفرة إلا في Pro+. لا تسمح الخطة المجانية بتنزيل الشيفرة أو فتحها في محرر أو تسليمها إلى مطور. إذا قررت المغادرة، فعليك الترقية إلى خطة مدفوعة أو البدء من جديد.
المطب 3: ارتباط وثيق بـ Supabase. إذا أردت لاحقًا تشغيل PostgreSQL على خادمك الخاص أو استبدال Supabase Auth بنظام مصادقة خاص بك أو ربط واجهة خلفية غير ويب، فسيكون ذلك شاقًا. الحزمة التقنية متجذرة في أساس المشروع.
المطب 4: لغة الواجهة. ينشئ Lovable واجهات التطبيقات باللغة الإنجليزية افتراضيًا. اذكر لغتك المفضلة صراحةً في الطلب، مثل «اجعلها بلغتي المفضلة». قد تظل بعض النصوص بالإنجليزية، خصوصًا أخطاء النظام ونماذج التحقق من الإدخال. يمكنك إصلاح ذلك بطلبات منفصلة.
المطب 5: أمان Supabase ضعيف افتراضيًا. هذه أهم نقطة لا يذكرها أحد في البداية. فحص الباحثون 1,645 تطبيقًا في معرض Lovable الرسمي، ووجدوا أن 170 منها (10.3%) تعاني مشكلة خطيرة في Row Level Security في Supabase. كان بإمكان أي مستخدم سجّل دخوله قراءة بيانات الآخرين وتغييرها وحذفها. وفي تطبيقات حقيقية، وصل الباحثون إلى عناوين العملاء ومبالغ الديون ومفاتيح Stripe النشطة (CVE-2025-48757). والسبب أن Lovable ينشئ الجداول في Supabase، لكنه لا يفعّل سياسات RLS افتراضيًا. الحل: فعّل RLS يدويًا على كل جدول بعد الإطلاق الأول، وتحقق وفق وثائق Supabase. إذا كنت تبني منتجًا يتضمن بيانات مستخدمين حقيقية، فلا تؤجل ذلك؛ افعله «مباشرة بعد أول عملية بناء».
5 مطبات في Claude Code تُثني المبتدئين
الخلاصة
يتطلب التثبيت طرفية وNode.js وgit، وهذا هو العائق الأول. وقد تستنفد الحدود إذا لم تفهم طريقة احتساب الرموز. من دون CLAUDE.md وهندسة السياق، يهلوس الذكاء الاصطناعي. لا يوجد محرر مرئي؛ فكل شيء يتم عبر النص.
المطب 1: التثبيت هو العقبة الأولى. للبدء، عليك تثبيت Node.js وnpm وgit وVS Code وClaude Code نفسه. وعلى Windows، يتطلب الأمر معرفة كيفية إعداد WSL. الأمر أسهل على Mac، لكن ما زال عليك فتح الطرفية. إذا لم تفعل ذلك من قبل، فستقضي أول 30 دقيقة في معرفة «كيفية تشغيله».
المطب 2: قد تستنفد الحدود في يوم واحد من دون سياق. في خطة Pro بقيمة $20، تعتمد الحدود على الرسائل والرموز. إذا أرسلت إلى Claude ملفات المشروع الخمسين كلها في كل مرة، فستبلغ الحد خلال 2–3 ساعات. الحل هو هندسة السياق: قدّم ما تحتاج إليه فقط، واستخدم /clear و/compact، وحافظ على ملف CLAUDE.md محدثًا (دليل الحدود).
المطب 3: الهلوسة عند غياب السياق. Claude Code ذكي، لكن من دون فهم المشروع قد يخترع أساليب API أو حقول قاعدة بيانات أو مكتبات. من دون ملف CLAUDE.md يتضمن القواعد ومجلد business/ بوصفه Second Brain، تصبح النتيجة مسألة حظ. أما بوجودهما، فتحصل على مسار عمل موثوق (دليل CLAUDE.md).
المطب 4: قيود الوصول والملكية المؤسسية. في سبتمبر 2025، حظرت Anthropic الشركات التي تتجاوز حصة ملكيتها الخاضعة لسيطرة كيانات من الصين وإيران وكوريا الشمالية 50%. تعتمد شروط الوصول على المورّد وهيكل الملكية؛ فتحقق منها قبل اختيار الأداة.
المطب 5: لا يوجد محرر مرئي. يتم كل التفاعل عبر النص. إذا احتجت إلى تحريك زر 10 بكسلات إلى اليمين، فلن تستطيع سحبه؛ بل عليك وصف ذلك بالكلمات. وهذا أقل ملاءمة لمهام التصميم من أدوات الإنشاء المرئية، ومنها Lovable.
كيف تختار في 5 دقائق: جدول لاتخاذ القرار
الخلاصة
إذا كانت مهمتك منتج ويب معياريًا لفكرة ما ولا تريد التعامل مع التثبيت، فاختر Lovable. وإذا كانت مهمتك غير معيارية أو منتجًا طويل الأمد أو كنت مستعدًا لتخصيص أمسية للتثبيت، فاختر Claude Code. وإن لم تكن متأكدًا، فاستخدم Lovable لمدة شهر واحد ثم انتقل إلى Claude Code عندما تبلغ حدوده.
أجب عن 5 أسئلة واحصل على توصية:
| السؤال | Lovable | Claude Code |
|---|---|---|
| لم تفتح طرفية من قبل ولا تريد فتحها؟ | ✅ | ❌ |
| هل المشروع موقع بسيط (صفحة أو نموذج أو CRM أو لوحة معلومات)؟ | ✅ | ⚪ يعمل، لكنه يستغرق وقتًا أطول |
| هل تحتاج إلى روبوت Telegram أو نص برمجي أو تطبيق جوال؟ | ❌ | ✅ |
| هل تريد التحكم الكامل بالشيفرة والحزمة التقنية؟ | ❌ | ✅ |
| هل تبني منتجًا طويل الأمد في مستودعك الخاص؟ | ⚪ عبر التصدير | ✅ |
إذا وضعت ✅ لـ Lovable في أول صفين و⚪/❌ في بقية الصفوف، فاختر Lovable. وإذا وضعت ✅ لـ Claude Code في الصفوف 3–5، فاختر Claude Code. وإذا وضعت ✅ في كلا العمودين، فاستخدم Lovable في أول 1–2 أسبوع ثم انتقل إلى Claude Code (راجع قسم الأسلوب الهجين أعلاه).
وهناك أمر آخر: أيًا كانت الأداة التي تختارها، فالعائق ليس الذكاء الاصطناعي نفسه. ما يهم هو طريقة عملك معه. يؤدي الجمع بين الركائز الثلاث (نسخة الذكاء الاصطناعي + Second Brain + Context Engineering) إلى نتائج متسقة باستخدام أي أداة. من دون هذا الجمع، يهلوس الذكاء الاصطناعي؛ ومعه، يعمل كآلة موثوقة.
المصادر
دليل شامل للبرمجة الإبداعية بالأوامر في أمسية واحدة: نسخة الذكاء الاصطناعي + Second Brain + Context Engineering.
تعرّف على Ailoot.
المزيد من التفاصيل
أسئلة شائعة
ما التكاليف التي أقارنها إلى جانب اشتراك الأداة؟
في Lovable، احسب الأرصدة واستخدام Lovable Cloud الذي يتجاوز المخصص. وفي كلا المسارين، أضف الاستضافة وقاعدة البيانات والنطاق التي يحتاجها مشروعك فعلًا؛ قارن فاتورة المشروع المكتمل بدل أسعار الاشتراكات وحدها.
ماذا أفحص قبل إدخال بيانات مستخدمين حقيقية في تطبيق مولد؟
راجع ضوابط الوصول إلى قاعدة البيانات، بما فيها Supabase Row Level Security لكل جدول ذي صلة، وتحقق من عجز مستخدم عن قراءة بيانات آخر أو تعديلها. نجاح شاشة الدخول وحده لا يثبت عزل البيانات.