برز Bolt.new على الفور بسبب وعوده الجريئة بالسرعة والتحكم. ليس من المعتاد أن ترى أداة ذكاء اصطناعي لا تكتفي باقتراح مقتطفات برمجية فحسب، بل تُنشئ بيئة عمل حقيقية، وتولّد كودًا فعليًا، وحتى تقدم نشرًا بنقرة واحدة.
ومع ذلك، فأنا لدي خبرة كافية لعدم الانجراف وراء الدعايات والتصريحات التسويقية المبالغ فيها. وبدلًا من أخذ هذه الادعاءات على علاتها، قررت أن أجرب Bolt.new بنفسي.
في هذا الاستعراض لـ Bolt.new، سأمر معكم بتجربتي العملية مع المنصة: من التسجيل وإنشاء تطبيقي الأول إلى تخصيص واجهة المستخدم، وتصحيح الأخطاء، واختبار النشر. بنهاية هذا الاستعراض، ستعرفون ما إذا كانت هذه الأداة تستحق وقتكم.
ما هو Bolt.new؟
كل ما عليك فعله هو وصف ما تريد—مثل “Build a blog with Astro and Tailwind”—وستتولى Bolt.new الباقي: إعداد الحزم، وتوليد كود الواجهة الأمامية والخلفية، وتشغيل خادم Node.js مباشر.
ما يجعلها فريدة هو منهجها الذي يضع الذكاء الاصطناعي في المقام الأول لتطوير التطبيقات المتكاملة. على عكس المنصات الأوسع مثل Replit التي تركز على التعاون ومرونة بيئة التطوير المتكاملة، فإن Bolt.new تركز على التكوين السريع الآلي للمطورين الفرديين والفرق الصغيرة.
لمن هي موجهة؟
Bolt.new مناسبة بشكل أفضل لـ
- المطورون المستقلون، العاملون الحرّيون، والفرق الصغيرة الذين يرغبون في تحويل الأفكار إلى نماذج أولية عاملة دون قضاء ساعات في إعداد البيئات. إذا كنت تفضل وصف تطبيقك باللغة الإنجليزية البسيطة بدلاً من كتابة كل سطر من الكود الأساسي، فهذه أداة ستوفر عليك الكثير من الوقت.
- المصممون أو المؤسسون غير التقنيين الذين يريدون تحويل نموذج Figma أو مفهوم إلى واقع بسرعة، حيث يمكن للذكاء الاصطناعي تولي الجزء الأكبر من التكوين تلقائيًا.
- المطورون ذوو الخبرة الذين يمكنهم استخدامها كنقطة انطلاق سريعة. يمكنك أن تدع الذكاء الاصطناعي يولد الهيكل الأساسي أولاً، ثم تعدل عليه أو توسعه في بيئة التطوير المتكاملة الخاصة بك بعد تصدير الكود.
الإيجابيات والسلبيات
- توليد التطبيقات بسرعة بدعم الذكاء الاصطناعي
- واجهة نظيفة وبسيطة
- الوصول الكامل إلى الكود المولد
- مُحسِّن المطالبات لتوسيع المواصفات
- شفافية إنشاء الملفات في الوقت الفعلي
- مصادقة وواجهات برمجة تطبيقات مدمجة
- غالبًا ما تفشل معاينة التطبيق في التحميل
- ميزة الإصلاح التلقائي لا تحل جميع الأخطاء
- أخطاء النشر تعيق عملية النشر
- استهلاك الرموز أثناء الفشل
- وضوح محدود لعملية التعريف بعد تسجيل الدخول
ميزات Bolt.new
- توليد التطبيقات بدعم الذكاء الاصطناعي من خلال المطالبات
- تطوير كامل للتطبيقات مباشرة في المتصفح
- محرر كود في الوقت الفعلي مع مستكشف الملفات
- معاينة بصرية مع خيارات اختبار التوافق
- مُحسِّن المطالبات للمواصفات التفصيلية
- تكامل مع GitHub للتحكم في الإصدارات
- تكامل مع Supabase لخدمات قاعدة البيانات
- تكامل مع Stripe للتعامل مع المدفوعات
- استيراد من Figma لتحويل التصميم إلى كود
- دعم الاستضافة عبر Netlify وBolt
- مصادقة مدمجة ومسارات API
- نموذج استخدام يعتمد على الرموز لتوليد الذكاء الاصطناعي
- إعدادات المشروع مع ضوابط التخصيص
تجربتي العملية مع Bolt.new: دليل خطوة بخطوة
كنت أريد أن أرى مدى سهولة استخدام Bolt.new منذ اللحظة الأولى—إلى أي مدى تسجيل الدخول سهل، ومدى سرعة البدء في البناء، وما إذا كانت تلبي الوعود التي قدمتها.
لذا دعوني آخذكم في تجربتي الدقيقة، خطوة بخطوة.
البدء: التسجيل والانطباعات الأولى
عملية التسجيل هي دائمًا أول شيء أتحقق منه عند استعراض أي أداة بناء تطبيقات مدعومة بالذكاء الاصطناعي. لماذا؟ لأنها تكشف الكثير عن السهولة في الوصول.
عندما وصلت إلى الصفحة الرئيسية لـ Bolt.new، كان أول ما رأيته العنوان الجريء: «ماذا نبني اليوم؟» مع عنوان فرعي أسفله يدعوني إلى «إنشاء تطبيقات ومواقع مذهلة بالدردشة مع الذكاء الاصطناعي.»
أسفل ذلك كان هناك حقل إدخال كبير يطلب مني كتابة فكرتي، مع خيارات للاستيراد من Figma أو GitHub. بدا ذلك نظيفًا وحديثًا، ويركز بشكل كبير على بدء البناء على الفور.
في الزاوية اليمنى العليا، برز زر أزرق لامع Get started، فبادرت إلى النقر عليه. ظهر مربع حوار رمادي داكن يسألني عن تسجيل الدخول أو إنشاء حساب. كانت لدي ثلاث خيارات: تسجيل الدخول باستخدام Google، أو GitHub، أو عبر البريد الإلكتروني وكلمة المرور.
شخصيًا، اخترت خيار Google لأنه عادةً الأسرع. تغير الزر إلى “Authenticating…” مع رمز دوار صغير، فعرفت أن شيئًا ما يحدث في الخلفية.
أحد الأمور التي أعجبتني هنا: لم يكن هناك حاجة لبطاقة ائتمان. أخبرني ذلك على الفور أن Bolt.new يتيح لك البدء فورًا دون إلزامك بالاشتراك أولًا. تجبرك العديد من المنصات على إضافة معلومات الدفع مقدمًا، لذا كان هذا علامة منعشة على الثقة.
بعد تسجيل الدخول، وصلت إلى لوحة التحكم الخاصة بـ Bolt.new، وبصراحة، كانت بأبسط شكل ممكن. في الواقع، تبدو تقريبًا مطابقة للصفحة الرئيسية، بنفس العنوان — «ماذا نبني اليوم؟» — ونفس حقل الإدخال الكبير الذي يدعوني لكتابة فكرة.
في البداية، أربكني ذلك بعض الشيء. لم أكن متأكدًا ما إذا كنت قد سجلت الدخول بنجاح أم أنني لا أزال أنظر إلى الصفحة الرئيسية. لم يكن هناك رسالة ترحيبية واضحة، ولا قائمة خطوات للتعريف، ولا أي مؤشر واضح أنني في مكان مختلف.
أعتقد أن الهدف بأكمله هو إزالة المشتتات حتى تتمكن من الكتابة مباشرة وإتاحة البناء للذكاء الاصطناعي. ومع ذلك، أعتقد أن وجود مؤشر بصري صغير—مثل رسالة «مرحبًا مجددًا» أو تسمية خفيفة للوحة التحكم—سيجعل الانتقال أكثر وضوحًا.
أسفل حقل الإدخال، توجد خيارات لـ الاستيراد من Figma أو GitHub، وهو لمسة لطيفة لأي شخص يمتلك ملف تصميم أو مستودع عمل بالفعل. وحول حواف الصفحة، التنقل خفيف جدًا: روابط للمجتمع، والشركات، والموارد، والوظائف، والأسعار في الأعلى، وبعض الروابط الأساسية للشركة والشبكات الاجتماعية في التذييل.
بناء تطبيقي الأول باستخدام Bolt.new
بعد ذلك، وبعد التسجيل، أردت أن أرى مدى سهولة وإتقان وبساطة عملية بناء تطبيق فعليًا في Bolt.new. بصفتى مراجعًا لأدوات بناء التطبيقات بالذكاء الاصطناعي، فإن الاختبار الحقيقي يكمن في تجربة البناء نفسها.
عندما عدت إلى الشاشة الرئيسية، لا يزال السؤال المألوف معروضًا: «ماذا نبني اليوم؟» جنبًا إلى جنب مع حقل الإدخال الكبير.
للاختبار، أعطيت النظام تحديًا جادًا من العالم الحقيقي:
- استخدم Next.js وTailwind CSS للواجهة الأمامية.
- أضِف نظام تسجيل دخول وتسجيل حساب باستخدام المصادقة بالبريد الإلكتروني وكلمة المرور.
- أنشئ لوحة تحكم حيث يمكن للمستخدمين إضافة المهام وتحريرها وحذفها.
- يجب أن تدعم كل مهمة الفئات وتواريخ الاستحقاق ومستويات الأولوية.
- عرض شريط تقدم بصري للمهام المكتملة مقابل المهام المعلقة.
- أضِف خيار بحث وفلترة حتى يتمكن المستخدمون من العثور على المهام بسرعة.
- أضِف نقطة نهاية API أساسية لجلب المهام بصيغة JSON.
- اجعل التطبيق متجاوبًا وصديقًا للهواتف المحمولة.
عندما كتبت ذلك، نما حقل الإدخال ليظهر شريط تمرير. نعم، يتيح لك Bolt.new لصق مطالبات طويلة ومفصلة دون اقتطاعها.
بدلًا من تقديم النص الخام فقط، لاحظت زرًا يشبه النجمة بجانب حقل الإدخال—وهو مُحسِّن الذكاء الاصطناعي. أردت أن أرى ما يمكنه القيام به، فضغطت عليه. على الفور، بدأ Bolt.new بمعالجة طلبي.
ظهر رمز دوار في الأسفل مع الرسالة “Enhancing prompt…”، مما أخبرني أن النظام يقوم بتنقيح ما كتبته بنشاط.
في غضون ثوانٍ، تحوّل وصفي الأولي إلى مواصفات أكثر تفصيلًا وهيكلة. قام Bolt.new بتقسيم التطبيق إلى أقسام واضحة—حزمة التقنيات، والمصادقة، وميزات إدارة المهام، ومخطط قاعدة البيانات، وتفاصيل واجهة المستخدم، وحتى نقاط نهاية API.
وتضمن أيضًا إضافات مثل إرشادات إمكانية الوصول، ووضع الظلام/الضوء، وحالات التحميل، ومعالجة الأخطاء، وملف README مع تعليمات الإعداد.
أعجبني هذه الخطوة، لأنها أظهرت أن الذكاء الاصطناعي لم يقتصر على إعادة صياغة كلامي إلى كود—بل كان يوسعها إلى مواصفات تقنية أكثر تفصيلاً.
شعرت وكأنني أعمل مع مطور أول يتوقع ما ستحتاجه مستقبلًا.
بمجرد الانتهاء من المواصفات، بدأ Bolt.new في توليد المشروع الفعلي. في الشريط الجانبي الأيسر، كنت أرى كل ملف يُنشأ وتثبيت الاعتمادات، مكتملًا بعلامات صح عند انتهاء كل خطوة.
ظهرت ملفات مثل auth.ts، وTaskDashboard.tsx، وTaskFilters.tsx، ومسارات API مثل /api/tasks أمامي. جعلت هذه الشفافية العملية تبدو جديرة بالثقة—كنت أرى بالضبط ما يفعله الذكاء الاصطناعي.
على الجانب الأيمن، هناك مفتاح تبديل في الأعلى يتيح لك الانتقال بين Code وPreview. بقيت في علامة التبويب Code لمتابعة كل شيء.
هنا، كان Bolt يقوم فعليًا بإخراج الكود خطوة بخطوة في الوقت الفعلي. في الشريط الجانبي الأيسر، كنت أرى سجلًا متدرجًا لكل إجراء: “Create lib/database.ts”، “Update app/page.tsx”، “Create components/ThemeToggle.tsx”، وهكذا، مع علامة صح بجانب كل منها عند اكتمالها. في اللوحة اليمنى، فتح المحرر تلك الملفات فورًا حتى أتمكن من فحص الكود المولد.
على سبيل المثال، تضمن مكون ThemeToggle.tsx كود React نظيفًا وسهل القراءة مع استيراد من lucide-react، ومعالجة حالة صحيحة باستخدام useState وuseEffect، وJSX واضحًا لتصميم الأزرار.
بدى الكود كما لو أن مطورًا حقيقيًا قد كتبه.
منحتني هذه المقاربة الحية والشفافة ثقة في العملية. كنت أرى فعلًا كيف يقوم Bolt.new بتشكيل تطبيق متكامل أمامي، ملفًا تلو الآخر، وسطرًا بسطر.
لم تسر الأمور بسلاسة بالكامل، مع ذلك. عندما حاولت تشغيل المعاينة، عرض التطبيق في البداية شاشة تسجيل الدخول لكنه سرعان ما أطلق تحذيرًا “Potential problem detected”.
أبلغ الطرفية عن مشاكل في الترجمة وصراعات في المنافذ. حاول Bolt.new إصلاح المشكلة تلقائيًا، لكن الأخطاء استمرت. في مرحلة ما، فشلت حتى محاولة إنشاء حساب جديد داخل المعاينة مع رسالة “Unexpected error”.
إحباط آخر: استُهلكت الرموز مع كل محاولة—حتى المحاولات الفاشلة. قد يصبح هذا سريعًا قيدًا لمستخدمي الخطة المجانية.
العائق الرئيسي هو الموثوقية. حاليًا، يظل الانتقال من توليد الكود إلى معاينة وظيفية بالكامل غير مستقر.
تخصيص التصميم والتخطيط
بعد بناء تطبيق بنجاح عبر ميزة التوليد بالذكاء الاصطناعي، أردت الغوص في تخصيص تصميمه وتخطيطه.
بالنسبة لي، هذا مهم بقدر الوظائف. فقد يعمل التطبيق بشكل مثالي من الناحية التقنية، ولكن إذا بدا واجهة المستخدم غير متناسقة أو لا يمكن تكييفها، فلن يثير إعجاب المستخدمين النهائيين.
يتعامل Bolt.new مع التخصيص عبر ثلاث طبقات من التحكم:
- مطالبات مدعومة بالذكاء الاصطناعي
- محرر معاينة بصري
- الوصول الكامل إلى الكود الأساسي
هذا المزيج يلبي احتياجات المبتدئين والمطورين ذوي الخبرة على حد سواء.
- وكيل Bolt والمطالبات
من البداية، كنت أرى أن الذكاء الاصطناعي في Bolt لم يكتف بإدارة الوظائف—بل فسر أيضًا تلميحات التصميم. عندما نقرت على زر مُحسِّن الذكاء الاصطناعي على شكل نجمة، توسعت المطالبة البسيطة حول قابلية التوافق مع الجوال والتصميم المتجاوب إلى متطلبات واجهة مستخدم مفصلة: مثل تبديل وضع الظلام/الضوء، وإشعارات toast، والحركات السلسة، وأفضل ممارسات إمكانية الوصول.
هذا يعني أنني لم أكن بحاجة إلى تحديد كل اختيار تصميمي مقدمًا. قام الذكاء الاصطناعي بضبط مظهر نظيف وحديث لي.
إذا أردت إجراء تغييرات واسعة (مثل “استخدم سمة بسيطة بالأبيض والأسود” أو “أضف أزرارًا أرجوانية زاهية”), يمكنني ببساطة طلب ذلك من الوكيل وتركه لإعادة هيكلة واجهة المستخدم وفقًا لذلك.
- المحرر البصري
بالانتقال إلى علامة التبويب Preview، حصلت على عرض مباشر وتفاعلي لتطبيقي. هذه الميزة تعمل أيضًا كمحرر بصري في Bolt. هنا، كان بإمكاني النقر على العناصر في الواجهة، مما يبرزها للتفتيش.
هذا يتيح إجراء التعديلات بالنقر والإشارة، على غرار ما تتوقعه من أدوات مثل Webflow.
كانت هناك أيضًا ضوابط للتصميم المتجاوب—خيارات لـ معاينة التطبيق على شاشة بحجم iPhone أو تعديل نسبة التكبير—مما يجعل من السهل رؤية كيفية تكيّف التخطيط عبر الأجهزة.
بالنسبة للمبتدئين، يجعل هذا تغييرات التصميم أكثر سهولة دون لمس أي سطر من الكود.
- محرر الكود
للتخصيص الأعمق، منحتني علامة التبويب Code الوصول الكامل إلى كل ملف مولد. وبما أن تطبيقي تم إعداده باستخدام Next.js وTailwind CSS، فكان التعديل بسيطًا. استعرضت ملفات مثل ThemeToggle.tsx، وDashboardLayout.tsx، وTaskCard.tsx، وكلها كانت منظمة وسهلة القراءة.
مع Tailwind، كان بإمكاني تعديل المسافات والألوان والتخطيطات ببساطة عن طريق تغيير الفئات (utility classes). على سبيل المثال، كان تعديل حشو زر أو تبديل ثيم الألوان بسيطًا مثل تحرير اسم الفئة. هذا التوازن بين سرعة الذكاء الاصطناعي والتحكم اليدوي هو القوة الحقيقية لـ Bolt.new—تحصل على إعداد يوفر ساعات من الوقت، لكنك لا تُحظر أبدًا عن قاعدة الكود.
- التصميم المتجاوب وتكامل Figma
بينما لم أقم باستيراد ملف Figma في هذه الجلسة، يقدم Bolt.new تكامل من Figma إلى كود. وهذا يعني أنه يمكنك تزويده بملف تصميم وترك الذكاء الاصطناعي يولد المكونات مباشرة.
للمشاريع الثقيلة التصميم، يمكن أن يقضي هذا على عملية تسليم العمل المؤلمة بين المصممين والمطورين. وبالاشتراك مع خيارات المعاينة المتجاوبة داخل Bolt، من الواضح أن المنصة تريد ضمان مظهر التطبيقات بشكل مصقول على جميع أحجام الشاشات.
القيود التي واجهتها أثناء استخدام Bolt.new
كان الإحباط الرئيسي هنا هو الاستقرار. أطلق جزء المعاينة أخطاء في الطرفية أكثر من مرة، ولم تحل زر “Attempt fix” المشكلة دائمًا.
بدون معاينة مباشرة موثوقة، تبدو عملية التخصيص أصعب مما ينبغي لأنها تجعلك تعمل في الظلام. وبما أن كل محاولة تستهلك رموزًا، فقد يصبح التجريب كثيرًا في الخطة المجانية مزعجًا.
لكن مشكلات المعاينة الحية تشكّل عنق زجاجة واضح. إذا تمكن Bolt من استقرار هذه الجزئية، فسيجعل تكرار التصميم سلسًا ويرتقي بتجربة البناء بأكملها.
كيف يتعامل Bolt مع الأخطاء
حتى قبل مواجهة أي أخطاء، لاحظت أن Bolt.new زودني بسجل متدرج في الشريط الجانبي الأيسر. كان يعرض كل خطوة—“Create initial files,” “Install dependencies,” npm install commands، وإنشاء ملفات فردية مثل lib/auth.ts وTaskDashboard.tsx.
كان يتم وضع علامة صح خضراء بجوار كل إجراء عند اكتماله. هذه الشفافية تقدير كبير بالنسبة لي. أنت تعرف بالضبط ما يجري إنشاؤه، وهذا يجعل من الأسهل تحديد مكان ظهور المشاكل لاحقًا.
المشكلة الحقيقية الأولى ظهرت عندما حاول Bolt تشغيل التطبيق باستخدام npm run dev. ظهر شريط أحمر “Potential problem detected” في الشريط الجانبي. والنقر عليه كشف عن خطأ في الطرفية، حيث أظهرت الكونسول:
- “Compiled / error in 4.3s (587 modules)”
- “compiling /auth/login/page in 15.4s (807 modules)”
- “Middleware cannot be used with ‘output: export’” — حد تطبيقات Next.js محدد.
أشار Bolt إلى ذلك ومنحني زر “Attempt fix”. نقرته، واستجاب النظام برسالة “Bolt is trying to resolve the problem”.
للأسف، استمرت الأخطاء. بالنسبة لي، أبرز هذا نقطة قوة ونقطة ضعف في آنٍ واحد: فالمنصة جيدة في الكشف عن المشاكل وإظهارها، لكن ميزة الإصلاح التلقائي لا تكفي دائمًا للصراعات العميقة في الإطار.
ثم حاولت عرض التطبيق في علامة التبويب Preview وفي نافذة منفصلة في المتصفح. في الحالتين، تعطل كل شيء. أطلقت النافذة المنفصلة خطأ “localhost refused to connect”، بينما سمحت لي المعاينة داخل المحرر بتحميل شاشة تسجيل الدخول لكنها فشلت عندما حاولت إنشاء حساب جديد، مع عرض “An unexpected error occurred.” في الوقت نفسه، استمر عدّ الأخطاء في الشريط الجانبي في الارتفاع.
بالنسبة للمبتدئ، قد تكون هذه النوعية من الإخفاقات أثناء التشغيل أمرًا مربكًا. تحذيرات Bolt أوضح من سجلات الطرفية الخام، لكن حقيقة أن التطبيق لم يتمكن من الإقلاع بالكامل جعلتني عالقًا.
إحباط واجهته: حتى هذه المحاولات الفاشلة استهلكت رموزًا. في مرحلة ما، عرض Bolt: “You’ve used all your remaining tokens. Subscribe to Pro for 6x more usage.” كان هذا مؤلمًا، خاصة وأن الأخطاء لم تكن نتيجة فعل مني بل من قيود في الكود المولد وبيئة التشغيل.
للمستخدمين المتقدمين، يوفر لك الطرفية المدمجة والكونسول ومصحح الأخطاء نفس العمق الذي تتوقعه في بيئة تطوير متكاملة عادية.
العيوب أيضًا واضحة: لم يحل زر الإصلاح التلقائي مشاكلي، غالبًا ما فشلت المعاينة في التحميل، ونموذج الرموز يجعل التصحيح مكلفًا. قد يقدر المبتدئون النهج الموجه، لكن قد يفضل المطورون ذوو الخبرة بيئة التطوير المحلية للتصحيح المعقد.
إذا تمكن الفريق من تحسين موثوقية الإصلاحات التلقائية وإعادة النظر في استهلاك الرموز أثناء التصحيح، فقد يصبح هذا شبكة أمان حقيقية للمطورين على جميع المستويات.
نشر التطبيق وإضافة التكاملات
أخيرًا، أردت أن أرى كيف يتعامل Bolt.new مع النشر والتكاملات.
داخل الواجهة، لاحظت طريقتين لإدارة التكاملات. في الزاوية اليمنى العليا، بجانب زر Publish، هناك زر Integrations برمز ترس. فتحه عرض قائمة منسدلة بالخدمات الشائعة: Stripe للمدفوعات، وSupabase لقواعد البيانات والوظائف الطرفية، وGitHub للتحكم في الإصدارات. هذه خيارات مدروسة—تمامًا نوع التكاملات التي يتوقعها المطورون في المشاريع الحقيقية.
كما استعرضت إعدادات المشروع، حيث يوجد قسم مخصص Applications. هنا وجدت نفس التكاملات، ولكن بمزيد من السياق:
- Supabase للتعامل مع المصادقة، وجداول قاعدة البيانات، ومفاتيح API الآمنة.
- Netlify للاستضافة الخارجية إذا فضّلت عدم استخدام الاستضافة الأصلية لـ Bolt.
- Figma لاستيراد ملفات التصميم مباشرةً إلى الكود.
- GitHub لمزامنة قاعدة الكود وتمكين سير عمل CI/CD.
أعجبني مدى سهولة أزرار Connect. بدلًا من قضاء ساعات في تكوين بيانات الاعتماد، يرشدك الذكاء الاصطناعي أثناء الإعداد ويمكنه حتى توليد مخططات قاعدة البيانات أو تدفقات الدفع تلقائيًا. بالنسبة للمبتدئين، يزيل هذا الكثير من متاعب إعداد الخادم.
مع وجود التكاملات جاهزة، كانت خطوتي التالية هي النشر. نقرت زر Publish في الزاوية اليمنى العليا، مما فتح مربع حوار بعنوان “Publish your project.” عرض نطاق فرعي .bolt.host افتراضيًا، مع خيارات لاحقة لإرفاق نطاق مخصص.
عندما نقرت الزر الأزرق Publish، بدأ Bolt عملية النشر. في الشريط الجانبي الأيسر، كنت أرى كل خطوة:
- بناء التطبيق (npx next build) → ✅ نجح
- النشر إلى استضافة Bolt (npx next dev) → ❌ فشل
جاء الفشل مع الرسالة: “Failed to publish the project. Error: no such file or directory.” كان هذا محبطًا. بالنسبة لأداة مدفوعة بالذكاء الاصطناعي، يعد وعد النشر بنقرة واحدة ضخمًا، لكن مواجهة خطأ غامض كهذا يكسر التدفق ويضطرّك للعودة إلى وضع التصحيح.
تستخدم Bolt الاستضافة الأصلية الافتراضية الخاصة بها، حيث توفر عناوين URL مجانية على .bolt.host وHTTPS افتراضيًا. تفتح الخطط المدفوعة حدودًا أعلى ودعمًا للنطاقات المخصصة. لا يزال التكامل مع Netlify متاحًا للمستخدمين الذين يفضّلون الاستضافة الخارجية، وأرى قيمة حقيقية في هذه المرونة.
نظريًا، تعد تكاملات Bolt.new ممتازة. فهي تغطي قواعد البيانات، والمدفوعات، والتحكم في الإصدارات، واستيراد التصاميم، وخيارات استضافة متعددة. يعجبني أن الذكاء الاصطناعي لا يقتنيَ فيما يربط هذه الخدمات فحسب، بل يمكنه أيضًا تكوينها بذكاء (على سبيل المثال، إنشاء جداول Supabase أو إرشادك عبر تدفقات الدفع في Stripe).
لكن أخطاء النشر التي واجهتها تظهر أن الميزة ليست موثوقة بالكامل بعد. قد يجد المبتدئون الذين يتوقعون عملية “انقر وانشر” سلسة أنفسهم عالقين، بينما من المرجح أن يلجأ المستخدمون المتقدمون إلى التصحيح اليدوي. ومع ذلك، فإن إطار التكامل قوي، وإذا تمكنت Bolt من استقرار خط أنابيب النشر الخاص بها، فسيكون هذا أحد ميزاتها البارزة.
أسعار وخطط Bolt.new
Bolt.new تحافظ على أسعارها بسيطة ومرنة بنموذج ابدأ مجانًا، وارتقِ حسب نموك.
الخطة المجانية لا تكلف شيئًا وهي سخية بشكل مدهش. تحصل على الوصول إلى المشاريع العامة والخاصة، و150,000 رمز يوميًا، واستضافة مدمجة بنطاق bolt.host، والمزيد.
تمنح الخطة Pro حدًا موسعًا، بما في ذلك الوصول دون حد للرموز اليومية، وحد تحميل ملفات 100 ميجابايت، وما يصل إلى مليون طلب ويب، وغيرها. من ناحية أخرى، تتضمن خطة Teams كل ما في Pro بالإضافة إلى مزايا موسعة أخرى.
للمنظمات الأكبر، تقدم Bolt المستوى المؤسسي (Enterprise) مع ميزات أمان متقدمة، وخصائص الامتثال، ومدير حساب مخصص، وسير عمل مخصص، ودعم على مدار الساعة. يتم تخصيص الأسعار بناءً على الاحتياجات.
خطط Bolt Website Builder
| اسم الخطة | مساحة | النطاق الترددي | السعر | |
|---|---|---|---|---|
| Pro | غير محدود | غير محدود | د.م. 230 | |
| Teams | غير محدود | غير محدود | د.م. 276 |
تتم إدارة اشتراكات Bolt عبر Stripe. يمكنك الدفع ببطاقة ائتمان/خصم أو عبر PayPal. بينما يمكن إلغاء الاشتراكات في أي وقت، لا تتوفر عادةً استردادات للأموال إلا في حالة وجود مشكلة جودة. في هذه الحالات، تحتاج إلى تقديم دليل (مثل لقطات شاشة). عادةً ما تسترجع PayPal الأموال خلال 24 ساعة، في حين قد تستغرق استردادات البطاقات ما يصل إلى 10 أيام عمل.
أفضل بديل لـ Bolt.new
قد تفضل مزيدًا من الاستقرار، ودعم لغات أوسع، أو تكاليف متوقعة. في هذه الحالة، يُعد Replit أحد أقوى البدائل.
نظرة عامة على Bolt.new مقابل Replit
| الميزة | Bolt.new | Replit |
|---|---|---|
| تركيز الذكاء الاصطناعي | وكيل ذكاء اصطناعي ينشئ ويشغّل ويصحّح التطبيقات بالكامل من خلال المطالبات | مساعد الذكاء الاصطناعي يقترح الأكواد والتصحيح والمقتطفات، وليس التحكم الكامل |
| سهولة الاستخدام | عالية جدًا، يتطلب الحد الأدنى من البرمجة | متوسطة، يتطلب بعض المعرفة بالبرمجة |
| الأداء | سريع في المتصفح عبر WebContainers، لكنه يواجه صعوبات مع المشاريع الكبيرة | أكثر استقرارًا للتطبيقات الكبيرة، مع أجهزة افتراضية “مشتغلة دائمًا” في الخطط المدفوعة |
| الخادم الخلفي والبيانات | تكامل أصلي مع Supabase للخادم الخلفي وقاعدة البيانات | قاعدة بيانات خالية من الخوادم مدمجة بالإضافة إلى دعم العديد من تقنيات الخادم الخلفي |
| التعاون | مقيد بالتفرّع من GitHub، وليس في الوقت الفعلي | تحرير في الوقت الفعلي، مؤشرات حية، دردشة الفريق ضمن المنصة |
| التسعير | يعتمد على الرموز، وتتزايد التكلفة مع المشاريع المعقدة | تسعير متعدد المستويات يعتمد على الاستخدام، أكثر قابلية للتوقع |
| القابلية للتوسع | الأفضل للنماذج الأولية، والحد الأدنى من المنتجات القابلة للحياة (MVP)، والأدوات الداخلية | مصمم للتطبيقات الإنتاجية مع خطوط أنابيب CI/CD |
| النشر | بنقرة واحدة عبر Netlify أو استضافة Bolt | خيارات متعددة: Autoscale، وأجهزة افتراضية محجوزة، واستضافة مدمجة |
من يجب أن يستخدم Bolt.new مقابل Replit؟
يعد Bolt.new مثاليًا لـ المؤسسين الأفراد، المصممين، أو المطورين المستقلين الذين يحتاجون إلى تحويل فكرة إلى نموذج أولي عامل بسرعة. إذا كنت تقدر السرعة فوق كل شيء وتريد من الذكاء الاصطناعي تولي الإعداد، والتكوين، وحتى بعض التصحيحات، يمكن لـ Bolt.new أن يصل بك إلى عرض حي أسرع من أي شيء آخر تقريبًا.
من ناحية أخرى، فإن Replit أكثر ملاءمة لـ المعلمين، الفرق التعاونية، والمطورين الذين يبنون مشاريع طويلة الأجل. إن دعمها الأوسع للغات، وميزات العمل الجماعي في الوقت الفعلي، وخيارات الاستضافة القابلة للتوسع تجعلها أكثر صلابة للتطوير الجاد.
الحكم النهائي على Bolt.new
استنادًا إلى تجربتي، تُعد Bolt.new أداة رائعة للمؤسسين الأفراد، والمطورين المستقلين، والمصممين الذين يرغبون في الانتقال من الفكرة إلى النموذج الأولي بأسرع وقت ممكن.
إذا كان هدفك هو اختبار المفاهيم، وبناء MVPs، أو تسليم هيكل عمل جاهز لفريق التطوير لاحقًا، يمكن لـ Bolt.new أن يوفر لك ساعات من الإعداد وكتابة الكود الأساسي.
القدرة على وصف تطبيق بلغة بسيطة ومشاهدة مشروع متكامل وهو ينبض بالحياة أمر مدهش حقًا.
ومع ذلك، هناك تحذير واحد وهو الموثوقية—يمكن لأخطاء المعاينة وعُرقلات النشر أن تبطئك، خاصة إذا كنت تتوقع تجربة انقر وانشر بلا عيوب. ومع ذلك، بالنسبة للنماذج الأولية السريعة والتجريب، يفي Bolt.new بوعده وهو أداة أوصي بتجربتها إذا كانت السرعة والأتمتة من أولوياتك.
