مراجعة Bolt.new: كيف وفرت لي ساعات في إعداد المطورين

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

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

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

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

حكم

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

ما هو Bolt.new؟

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

تم بناء المنصة بواسطة فريق StackBlitz. استخدموا بيئة التطوير القائمة على المتصفح الخاصة بهم و تم تعزيزه بالذكاء الاصطناعيونتيجة لذلك، يهدف Bolt.new إلى إعادة تعريف الطريقة التي يتبعها المطورون في بناء التطبيقات من خلال جعل العملية سريعة وسهلة.

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

Bolt.new مقابل منصات التطوير التقليدية

معظم منصات التطوير التقليدية تُحمّلك مسؤولية العمل الشاق. أنت تُهيئ بيئة العمل، وتُثبّت التبعيات، وتُهيئ أدوات البناء، وتُنشئ قنوات النشر. إنه أمر مُرهق.

بولت.جديد يدمج نماذج الذكاء الاصطناعي المدعومة بحاويات الويب من StackBlitz. يُعدّ WebContainers جزءًا بالغ الأهمية، إذ يعني حصولك على بيئة Node.js كاملة تعمل على متصفحك.

لكن ما يميز Bolt.new حقًا هو أنه يوفر نماذج الذكاء الاصطناعى تحكم كامل في البيئة بأكملها، بما في ذلك نظام الملفات، وخادم العقدة، ومدير الحزم، والطرفية، ووحدة تحكم المتصفح.

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

مجموعة التقنيات التي تعمل بالفعل

يمكنك بناء مشاريع باستخدام React وVue وNext.js وSvelte وJavaScript. كما أنه يتعامل مع أطر عمل CSS مثل Tailwind وBootstrap والمكونات المصممة بسهولة.

إذا كنت بحاجة إلى برنامج خلفي، فيمكنه تشغيل خوادم Express، والعمل مع قواعد البيانات من خلال Supabase، ودمج معالجة الدفع من خلال Stripe.

تستخدم المنصة Anthropic's كلود 3.7 السوناتة ماجستير في أداء البرمجة. هذا يعني أن الكود الذي يُنتجه دقيق في معظم الأحيان.

اللعب بشكل جيد مع سير العمل الحالي الخاص بك

صاعقة ليس معزولًا، بل يتكامل مع المنصات التالية:

• فيجما ل التصميم
• Supabase لقواعد البيانات والمصادقة وتخزين الملفات
• GitHub للتحكم في الإصدارات والنسخ الاحتياطي والتعاون
• معرض لتطوير تطبيقات الهاتف المحمول
• Stripe لمعالجة الدفع

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

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

من هو Bolt.new الأفضل بالنسبة له؟

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

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

الميزات الرئيسية لـ Bolt.new

هنا هي بولت.جديد الميزات التي يجب أن تكون على علم بها:

• التطوير الكامل في المتصفح: قم ببناء كود الواجهة الأمامية والخلفية مباشرة في متصفحك دون الحاجة إلى إعداد.
• إنشاء كود الذكاء الاصطناعي: اكتب ما تريده باللغة الإنجليزية البسيطة، وسيقوم Bolt بإنشاء الكود والبنية وواجهة المستخدم للنماذج الأولية السريعة.
• دعم الإطار: يعمل مع الأطر الشعبية مثل React، وVue، وAngular، وNuxt.js، وSvelte، وAstro.
• الحزم والواجهة الخلفية: تثبيت حزم npm، وإعداد منطق الواجهة الخلفية، و ربط قواعد البيانات مثل Supabase.
• تحرير الكود: قم بتحرير مشروعك يدويًا باستخدام محرر مدمج ومحطة طرفية ومستكشف ملفات.
• النشر بنقرة واحدة: النشر على الفور مع موفري الاستضافة مثل Netlify.
• المعاينة المباشرة والتعاون: شاهد التحديثات في الوقت الفعلي وتعاون بسهولة.
• معالجة الأخطاء: اكتشاف الأخطاء في الكود واقتراح الإصلاحات.
• التسعير المرن: مجاني للأفراد، مع خطط مدفوعة للفرق والمؤسسات.

كيفية استخدام Bolt.new

وهنا كيف اعتدت بولت.جديد لإنشاء صفحة مقصودة لعلامة تجارية لزجاجة مياه صديقة للبيئة:

1. إنشاء الحساب
2. إضافة مطالبة
3. تعزيز المطالبة باستخدام الذكاء الاصطناعي
4. استيراد الملفات من Figma وGitHub
5. إنشاء موقع ويب
6. عرض الكود
7. قم بمعاينة مشروعك
8. الوصول إلى مكتبة المطالبات
9. تعديل باستخدام الذكاء الاصطناعي
10. عرض إعدادات المشروع
11. ربط التكاملات
12. نشر

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

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

الخطوة 2: إضافة مطالبة

أضفت المطالبة التالية إلى الحقل الفارغ:

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

الخطوة 3: تعزيز المطالبة باستخدام الذكاء الاصطناعي

كان هناك خياران أسفل موجهي: إما أن أقوم بتحميل الملفات أو تحسين الموجهة.

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

لم يكن لديّ ملفٌّ لأرفعه، لكنني أردتُ تحسينَ الرسالة. اخترتُ هذا الخيار، وقامَ Bolt فورًا بتحسينِ الرسالةِ بالوصفِ التالي:

"أنت مصمم مواقع ويب مكلف بإنشاء صفحة هبوط نابضة بالحياة وصديقة للبيئة لـ "AquaVerde"، وهي علامة تجارية جديدة لزجاجات المياه المستدامة والتي سيتم إطلاقها الشهر المقبل.

نظرة عامة على العلامة التجارية:
تنتج AquaVerde زجاجات مياه قابلة لإعادة الاستخدام عالية الجودة مصنوعة من مواد معاد تدويرها بنسبة 100%، وتستهدف المستهلكين المهتمين بالبيئة والذين تتراوح أعمارهم بين 25 و45 عامًا والذين يقدرون الاستدامة والجودة.

متطلبات التصميم:

لوحة الألوان:
– أساسي: درجات مختلفة من اللون الأخضر (#2E7D32، #4CAF50، #81C784)
- ثانوي: درجات الألوان الأرضية (البني والبيج) والأبيض النظيف
– اللون: أزرق محيطي (#1976D2) للتباين

العناصر البصرية:
- قسم الأبطال مع صور طبيعية عالية الجودة (الغابات أو الجبال أو مصادر المياه النظيفة)
- تصوير المنتج الذي يظهر الزجاجات في بيئات خارجية طبيعية
- أيقونات تمثل الاستدامة (رموز إعادة التدوير، الأوراق، قطرات الماء)
- طباعة نظيفة وحديثة تعكس الثقة

هيكل المحتوى:
1. رأس الصفحة مع الشعار والتنقل
2. قسم البطل مع عنوان جذاب حول الاستدامة
3. ميزات المنتج التي تسلط الضوء على المواد الصديقة للبيئة
4. إحصاءات الأثر البيئي
5. شهادات العملاء (إن وجدت)
6. قسم الطلب المسبق مع الأسعار

الحث على اتخاذ إجراء:
أنشئ زرًا بارزًا بعنوان "اطلب الآن - وفر ٢٥٪" في قسم "الرئيسية" وكرّره بانتظام في جميع أنحاء الصفحة. يجب أن يبرز الزر مع الحفاظ على المظهر الصديق للبيئة.

مواصفات أساسية
- تصميم متجاوب مع الأجهزة المحمولة
- أوقات تحميل سريعة
- متوافق مع إمكانية الوصول
- تضمين تأثيرات التحويم والتمرير السلس

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

كان هذا الوصف أكثر تفصيلا بكثير من الوصف الأصلي.

أنصح بشدة بتحسين رسالتك في Bolt لتحقيق أفضل النتائج. كن دقيقًا بشأن الألوان، وتفضيلات التصميم، والميزات، وحتى نبرة النص البديل.

فيما يلي قالب يمكنك استخدامه للبدء في استخدام مطالبات Bolt.new الخاصة بك:

أنشئ [نوع التطبيق] باستخدام [تفضيلات الإطار] مع [قائمة الميزات المحددة]. صمّمه باستخدام [تفضيلات التصميم]. أضف [أي تكاملات مطلوبة]. اجعله [متجاوبًا/سهل الوصول/يتطلب متطلبات أخرى]."

يمكنك بعد ذلك تعزيز هذه المطالبة باستخدام معزز الذكاء الاصطناعي.

لا تحاول بناء كل شيء دفعةً واحدة. ابدأ بالبساطة وكرّر. ابنِ الوظائف الأساسية أولًا، واجعلها تعمل، ثم اطلب التحسينات ميزةً تلو الأخرى.

الخطوة 4: استيراد الملفات من Figma وGitHub

من الجدير بالذكر أيضًا أنه باستخدام Bolt، يمكنك تحميل ملفات Figma وGitHub. هذا يعني أنه يمكنك تحويل إطارات تصميم Figma إلى تطبيق ويب فعال أو صفحة HTML تفاعلية بشكل فوري تقريبًا.

الخطوة 5: إنشاء موقع ويب

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

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

الخطوة 6: عرض الكود

أحد الأشياء المفضلة لدي في Bolt.new هو مدى سهولة التبديل بين المعاينة والرمز.

الخطوة 7: معاينة مشروعك

يمكنك أيضًا عرض المعاينة بطرق مختلفة (نافذة جديدة، والجوال، وشاشة كاملة) من خلال تحديد الأيقونات المختلفة الموجودة على اليمين.

الخطوة 8: الوصول إلى مكتبة المطالبات

يقدم الجزء السفلي من برنامج المحادثة الآلي الخيارات التالية:

• تحميل الملفات
• تعزيز المطالبة
• التبديل بين وضع المناقشة ووضع البناء
• افتح مكتبة المطالبات (أو استخدم "/")
• ابحث في مركز المساعدة

لم أرَ مكتبة "المطالبات" من قبل في أيٍّ من مُولِّدات أكواد الذكاء الاصطناعي التي جربتها. لقد أتاحت لي حفظ وتنظيم وإعادة استخدام مطالباتي المُفضَّلة في مشاريع مُتعدِّدة.

الخطوة 9: التحرير باستخدام الذكاء الاصطناعي

أردت أن يقوم Bolt بإجراء تعديلات باستخدام الذكاء الاصطناعي، لذلك قدمت لبرنامج المحادثة الآلية المطالبة التالية:

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

بعد دقائق قليلة، طبّق بولت طلبي على صفحة الهبوط. لم يختلف الأمر كثيرًا، لكن الألوان كانت أهدأ قليلًا وأكثر إشراقًا كما طلبت.

الخطوة 10: عرض إعدادات المشروع

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

الخطوة 11: ربط التكاملات

يمكنني أيضًا إضافة تكاملات، مثل Stripe، أو Supabase، أو GitHub.

الخطوة 12: انشر

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

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

أفضل 3 بدائل لـ Bolt.new

هنا أفضل بولت.جديد البدائل التي أوصي بها.

Replit

أول بديل لـ Bolt.new أنصح به هو Replit AI. إنه بيئة تطوير متكاملة سحابية تدعم أكثر من 50 لغة.

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

في الوقت نفسه، يُركز Bolt.new على تطوير تطبيقات ويب سريعة وشاملة من خلال توجيهات نصية عادية. يتولى إعداد الحزم وتصحيح أخطائها ونشرها. وهو مثالي للمطورين المستقلين أو لمن يُنشئون نماذج أولية بسرعة باستخدام أطر عمل مثل React وVue وNext.js.

اختر Replit AI للعمل الجماعي، والبرمجة متعددة اللغات، والوصول إلى بيئة التطوير المتكاملة السحابية. أو اختر Bolt.new لبناء تطبيقات سريعة باستخدام الذكاء الاصطناعي.

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

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

البديل التالي لـ Bolt.new الذي أنصح به هو Windsurf. إنه مساعد برمجة بالذكاء الاصطناعي يُسهّل على المطورين كتابة الأكواد البرمجية، خاصةً لتصميم واجهات المستخدم.

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

في الوقت نفسه، يُعدّ Bolt.new مثاليًا لتحويل الأفكار بسرعة إلى تطبيقات ويب فعّالة. فهو يعمل في المتصفح، ويدعم React وNext.js، ويتولى الإعداد وتصحيح الأخطاء والنشر تلقائيًا.

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

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

المؤشر

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

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

لإنشاء التطبيقات ونشرها بسرعة، اختر Bolt.new. للمشاريع الكبيرة التي تتطلب فهمًا متعمقًا للأكواد البرمجية، اختر Cursor AI.

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

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

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

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

ولكن إذا كنت تتساءل عن كيفية مقارنة Bolt بالمنصات الأخرى، فإليك تحليلي:

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

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

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

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

هل Bolt New مجاني؟

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

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

الرئيس التنفيذي ل بولت.جديد is إريك سيمونز.

هل اشتراك Bolt الجديد يستحق ذلك؟

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

هل Bolt New أفضل من Cursor؟

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

ما هي حدود Bolt New؟

Bolt.new's تشمل القيود توسيع نطاق المشاريع الكبيرة، إذ قد يصبح بطيئًا. يُفضّل إنشاء نماذج أولية سريعة بدلًا من التطوير الكامل.