هل يمكن أن تصف تطبيقًا بالعربية ثم تراه يعمل في المتصفح، وتصلح ما ينقصه من المحادثة نفسها؟ يوضح شرح Bolt بالعربي طريقة إنشاء تطبيق صغير باستخدام Bolt.new، ومراجعة المعاينة والكود والحفظ قبل مشاركة رابط عام. سنبني متابع مهام شخصيًا، لأن هذه الفكرة تكشف الفرق بين واجهة تبدو مكتملة ووظائف تعمل فعلًا.
الطريقة المختصرة: حدد الوظيفة، وناقش الخطة عند الحاجة، ثم ابنِ نسخة بحدود واضحة واختبرها قبل إضافة قاعدة بيانات أو حسابات. تتيح Bolt الإنشاء والتعديل والنشر باستضافة مدمجة، وتحتسب أعمال AI بالتوكنات. هذا الدليل مبني على المصادر الرسمية المراجعة في 20 أكتوبر 2026؛ التمرين والأوامر مقترحة، ولا ندّعي تنفيذ اختبار مدفوع أو قياس سرعة التوليد.
قبل اختيار اشتراك، يمكنك مراجعة مقارنة Bolt وLovable وReplit لإنشاء التطبيقات. سنركز هنا على البناء داخل Bolt، وعلى كيفية وصف الإصلاحات وتقييم النسخة الناتجة بدل إعادة المقارنة العامة بين المنصات.
ما هو Bolt.new وكيف يختلف عن محادثة لكتابة الكود؟
بناء وتشغيل ومعاينة في مساحة واحدة
تعرّف وثائق Bolt الخدمة بأنها منشئ مواقع وتطبيقات يعمل بالمحادثة. بدل استلام ملفات نصية فقط، تتعامل مع مشروع يمكنك معاينته وتعديله. تحتاج مع ذلك إلى التمييز بين رسالة المساعد وما يحدث في التطبيق: قوله إن الحفظ جاهز لا يغني عن إضافة مهمة وإعادة تحميل الصفحة للتأكد.
في هذا الشرح سننشئ تطبيق ويب للمتصفح، وليس تطبيقًا أصليًا للهاتف. دعم الموقع لشاشة صغيرة لا يحوله إلى تطبيق متجر. توجد مسارات أخرى مثل Expo للمشاريع المحمولة، لكنها تتطلب قرارات واختبارات إضافية؛ البداية الأبسط هنا هي رابط ويب يؤدي مهمة محددة.
اختر مهمة أصغر من فكرتك النهائية
متابع المهام الذي سنطلبه يسمح بإضافة عنوان مهمة وتغيير حالتها وحذفها وتصفية القائمة. لن نضيف فريقًا أو دعوات أو اشتراكًا مدفوعًا. هذه النسخة كافية لفحص الإدخال والحالة والحفظ، ويمكن تطويرها لاحقًا. كل وظيفة إضافية تعني حالات اختبار وتكاليف وصلاحيات تحتاج فهمًا، وليست مجرد زر جديد.
قبل المشروع، اكتب ما تعرفه عن التخزين: هل تريد استخدامًا على جهاز واحد، أم مزامنة بين الأجهزة؟ اختيار التخزين المحلي قد يكون مناسبًا للتجربة، لكنه لا ينشئ حسابًا سحابيًا ولا نسخة احتياطية مشتركة. تحديد ذلك مبكرًا يمنع سوء فهم شائع عندما تختفي المهام عند فتح رابط التطبيق على هاتف آخر.
التحضير وكتابة خطة التطبيق
حدد الحقول والسلوك المتوقع
نحتاج لكل مهمة معرفًا وعنوانًا وحالة، ويمكن إضافة تاريخ إنشاء. في البداية اجعل الحالات «جديدة» و«مكتملة» فقط، ثم اختبر الأساس. حدّد ما يحدث عند إرسال عنوان فارغ أو الضغط على الإضافة مرتين، وكيف يستطيع المستخدم الرجوع إلى كل المهام بعد اختيار تصفية. هذه التفاصيل تمنح المولد تعليمات قابلة للتنفيذ.
اكتب أيضًا ما يجب ألا يتغير خلال الإصلاح: اللغة العربية، واتجاه RTL، والتخطيط البسيط، وعدم جمع بيانات شخصية. لا تطلب مشروعًا «مثل تطبيق مشهور بكل مميزاته»؛ اذكر الوظائف التي تحتاجها فعلًا. تستطيع الاحتفاظ بقائمة مزايا مؤجلة، لكنها لا تدخل في أول طلب بناء.
استخدم Plan Mode عندما تحتاج اتفاقًا قبل التنفيذ
تتيح وثيقة Plan Mode مناقشة المشروع وفهم الخيارات قبل تنفيذ التغييرات. استخدمها لسؤال مثل: «ما أبسط طريقة لحفظ المهام على الجهاز دون حساب؟ وضح ما سيحدث عند تغيير المتصفح». راجع الاقتراح ثم وافق على البناء عندما تفهم حدود الطريقة، بدل إضافة تقنيات لمجرد أن المساعد اقترحها.
ولا تفترض أن التخطيط مجاني بلا حدود؛ توضح وثائق كفاءة التوكنات أنه يستخدم موارد أيضًا، وإن كان يتجنب تغييرات الكود التي قد تسبب إعادة عمل. الهدف من الخطة تقليل الغموض، وليس إرسال سلسلة أسئلة مكررة لا تضيف قرارًا جديدًا.
إنشاء تطبيق مهام باستخدام Bolt خطوة بخطوة
1. افتح Bolt وأرسل طلبًا محددًا
ابدأ من Bolt.new الرسمي، ثم سجّل الدخول إذا طُلب ذلك. يشرح دليل البداية إرسال طلب عبر Build now ومتابعة الإنشاء في Preview. تدعم الوثائق متصفحات Chrome وChromium لهذا المسار؛ افحص توافق متصفحك إذا واجهت مشكلة تشغيل.
طلب مقترح: «أنشئ تطبيق مهام عربيًا باتجاه RTL. أريد إضافة مهمة بعنوان، وتحديدها كمكتملة، وحذفها بعد تأكيد، والتصفية بين الكل والجديدة والمكتملة. احفظ البيانات محليًا في المتصفح باستخدام localStorage. لا تضف حسابات أو قاعدة بيانات أو اتصالات خارجية. اجعل التصميم مناسبًا للهاتف، وأظهر رسالة واضحة عند عدم وجود مهام».
2. اختبر المسار الأساسي في المعاينة
أضف ثلاث مهام مختلفة: عنوانًا قصيرًا، وعنوانًا عربيًا طويلًا، وعنوانًا يحتوي اسمًا إنجليزيًا. أكمل واحدة ثم غيّر التصفية. احذف أخرى وتحقق أن التطبيق حذف العنصر الذي اخترته فقط. أعد تحميل الصفحة، ثم قارن القائمة بما كان موجودًا قبل التحديث؛ هذه الخطوة تختبر طلب الحفظ بدل الاكتفاء بظهور رسالة نجاح.
جرّب الضغط على الإضافة مع حقل فارغ أو مكون من مسافات. المطلوب رسالة مفهومة وعدم إنشاء بطاقة بلا عنوان. وإذا سمح التطبيق بالعنوان المكرر، قرر هل هذه ميزة مقبولة أم تحتاج تنبيهًا. لا توجد قاعدة واحدة لكل متابع مهام، لكن يجب أن يكون السلوك مقصودًا وواضحًا.
3. أرسل إصلاحًا يمكن إعادة اختباره
مثال: «عند تحديد مهمة كمكتملة ثم إعادة تحميل الصفحة تعود جديدة. أصلح حفظ الحالة في localStorage، ولا تغيّر ألوان الواجهة أو طريقة التصفية». بعد التنفيذ أعد الخطوات نفسها، ثم تحقق أن الإضافة والحذف لم يتعطلا. نجاح الإصلاح في موضعه لا يعني أن بقية الوظائف بقيت سليمة تلقائيًا.
احتفظ بملاحظة قصيرة لكل تعديل: المشكلة، والطلب، والنتيجة. إذا تكرر الخلل، تستطيع تقديم سياق واضح بدل إعادة وصف المشروع كله. هذه الملاحظات مفيدة أيضًا إذا انتقلت لاحقًا إلى مطور أو إلى أداة أخرى، لأنها تشرح القرارات وليس مجرد شكل آخر نسخة.
العربية وتجربة الاستخدام على الهاتف
افحص أزرار المهام والنص الطويل
توضح وثائق المعاينة أدوات لفحص المشروع أثناء البناء. جرّب عرضًا ضيقًا، وراقب هل يخرج عنوان المهمة أو زر الحذف عن البطاقة. ضع النص الطويل في أكثر من سطر دون أن يزاحم الإجراءات، واجعل مساحات الضغط مناسبة للإصبع بدل تجميع الأيقونات الصغيرة جنبًا إلى جنب.
لا تكتفِ بتغيير اتجاه الصفحة. راجع موضع مربع الإنجاز وتسلسل التصفية والسهم الذي يدل على الرجوع. جرّب التنقل بلوحة المفاتيح أيضًا، وتحقق من ظهور حالة التركيز. وإذا اعتمدت على لون لتمييز المهمة المكتملة، أضف علامة أو نصًا يساعد من لا يميز الألوان بسهولة.
حذف واضح واستعادة مفهومة
الحذف في نموذج شخصي قد يكون بسيطًا، لكن المستخدم يحتاج معرفة ما سيُحذف. اطلب تأكيدًا يذكر عنوان المهمة، ولا تجعل الضغط على البطاقة كلها يحذفها. إذا أضفت تراجعًا قصيرًا، اختبره بعد الحذف مباشرة ثم عند تغيير التصفية. واجهة التراجع التي لا تعيد البيانات أخطر من عدم وجودها لأنها تعطي ثقة غير صحيحة.
عند عدم وجود مهام، اكتب دعوة عملية مثل «أضف أول مهمة من الحقل أعلاه». وعند عدم وجود نتائج للتصفية، استخدم رسالة مختلفة تشرح أن المهام قد تكون في حالة أخرى. الفصل بين الحالتين يساعد المستخدم على فهم التطبيق دون افتراض أن بياناته اختفت.
إذا كانت المعاينة فارغة أو لا تتحدث
ابدأ بتحديد ما إذا كان الإنشاء ما زال جاريًا أو ظهرت رسالة خطأ في التشغيل. احتفظ بنص الخطأ واسم الشاشة وآخر تغيير طلبته، ثم أرسلها في طلب واحد. لا تفتح سلسلة محاولات جديدة أثناء عمل المولد، ولا تطلب إعادة كتابة التطبيق كاملًا بسبب خلل في عنصر واحد. إذا عرضت المنصة إجراءً مخصصًا لإعادة تشغيل المعاينة أو إصلاح الخطأ، راجع ما سيفعله قبل استخدامه.
وعندما يصلح التشغيل، أعد اختبار البيانات التي أدخلتها قبل العطل. قد يعمل التطبيق من جديد لكن يعود إلى القيم التجريبية، أو تتغير أسماء حقول التخزين فلا تظهر القائمة القديمة. وصف هذه النتيجة للمساعد أدق من قول «البرنامج لا يعمل». احتفظ بنسخة بياناتك المهمة قبل أي إصلاح يغير بنية الحفظ.
لتحويل ملاحظات الهاتف والاتجاه إلى طلبات محددة، استخدم قوالب برومبتات تصميم المواقع العربية. تتضمن أوامر لتصحيح RTL والنماذج والوضع الداكن، مع نقاط تحقق تساعدك على مراجعة ما نفذه Bolt.
الحفظ المحلي وقاعدة البيانات والحسابات
ما الذي يقدمه localStorage وما الذي لا يقدمه؟
الحفظ المحلي مرتبط بالمتصفح والموقع، وقد يزول عند مسح بيانات الموقع أو استخدام أوضاع لا تحتفظ بها. لا يزامن المهام بين المستخدمين والأجهزة، ولا يعد مناسبًا لحفظ أسرار. في تمريننا نستخدمه لفهم دورة الإضافة والتعديل والحفظ، ثم نحدد متى تصبح المزامنة السحابية مطلبًا حقيقيًا.
إذا احتجت نسخة احتياطية، يمكنك طلب تصدير المهام إلى ملف بيانات واستيراده، لكن اختبر قراءة الملف والتحقق من بنيته قبل الكتابة فوق القائمة. لا تجعل زر الاستيراد يمسح المهام الحالية دون توضيح. الأفضل أن تعرض عدد العناصر وطريقة الدمج أو الاستبدال قبل تنفيذ التغيير.
عندما يصبح التطبيق متعدد المستخدمين
تذكر وثائق الحساب والفوترة قواعد البيانات ضمن خصائص Bolt، مع اختلاف بعض خيارات الخدمات بحسب الخطة. قبل الانتقال إليها، حدد ملكية المهمة: هل تخص مستخدمًا واحدًا أم فريقًا؟ من يراها ومن يعدلها؟ إضافة تسجيل الدخول لا تكفي ما لم تُفرض هذه القواعد على طلبات البيانات.
اختبر حسابين ببيانات تجريبية قبل أي استخدام حقيقي. يجب ألا يرى الحساب الثاني مهام الأول إذا لم تكن مشتركة، وألا تسمح الواجهة أو المسارات الخلفية بتغييرها دون إذن. وإذا كان هذا أول تعامل لك مع الكود والملفات، يفيدك شرح Cursor للمبتدئين في فهم أساسيات الصفحة ومراجعة التعديلات.
التوكنات والأسعار: كيف تحسب تكلفة Bolt؟
الحصة المجانية لا تعني عدد تطبيقات ثابتًا
تعرض صفحة الأسعار وقت المراجعة مليون توكن شهريًا للخطة المجانية، مع حد يومي 300 ألف. وتوضح وثيقة التوكنات أن الاستهلاك يشمل قراءة المشروع والتفكير والبناء. لذلك لا يمكن تحويل الرصيد إلى وعد بعدد محدد من التطبيقات؛ نطاق الطلب وحجم المشروع وعدد الإصلاحات تؤثر في الاستخدام.
تعرض الصفحة Pro بما يعادل 18 دولارًا شهريًا، بإجمالي 216 دولارًا عند الفوترة السنوية، مع بداية حصة 10 ملايين توكن شهريًا. هذه صيغة سنوية معروضة وقت المراجعة وليست ضمانًا لسعر شهري مستقل أو عرض دائم، وتضاف الضرائب عند انطباقها. راجع العرض المختار في حسابك قبل الدفع.
افصل تكلفة البناء عن قدرة الاستضافة
قد تملك توكنات كافية للتعديل بينما تكون حركة الموقع المنشور مقيدة بحصة استضافة مختلفة. تذكر وثائق Free استضافة وعلامة Bolt وحدودًا للطلبات والنقل، بينما تتوفر النطاقات المخصصة وخصائص إضافية في الخطط المدفوعة. لا تفسر «قواعد بيانات غير محدودة العدد» على أنها تخزين ومعالجة بلا سقف.
خفّض الهدر بتجهيز المتطلبات، واستخدام طلبات مركزة، واختيار أدوات الواجهة عندما تؤدي الغرض بدل وصف الإجراء في المحادثة. إذا احتاجت ميزة بسيطة إلى إصلاحات متكررة، أوقف التوسع وراجع السبب. شراء توكنات إضافية قبل فهم العطل قد يكرر التكلفة دون تحسين التطبيق.
سجل الإصدارات ومراجعة الكود والأمان
ارجع إلى نسخة تعمل عند حدوث تراجع
تشرح وثائق النسخ والإصدارات خيارات الاستعادة. سمّ النقطة التي اجتازت اختباراتك، وراجع ما تغطيه الاستعادة، خصوصًا إذا استخدمت قاعدة بيانات أو خدمة خارجية. لا تفترض أن عودة الواجهة إلى شكل سابق تعكس كل إجراء نفذته على بيانات حقيقية.
يمكن أن يكون عرض الكود مفيدًا لفهم الملفات أو تعديل نص صغير، لكن لا تغيّر أجزاء لا تفهمها لمجرد تقليل التوكنات. احتفظ بنسخة قبل التعديل، ثم شغّل المسار المتأثر. وإذا أردت مسارًا يعتمد أكثر على العمل داخل مشروع برمجي، راجع شرح Mistral Vibe لكتابة الأكواد وإنشاء التطبيقات.
افحص المشروع قبل فتحه للآخرين
توثق Bolt خيار Run security audit داخل قائمة Publish لمراجعة الأمان. اقرأ النتائج والإجراءات التي تحتاج تدخلك، ولا تعتبر اكتمال الفحص ضمانًا لكل منطق التطبيق. لا تضع مفاتيح خدمات خاصة في كود الواجهة، واستخدم بيانات تجريبية حتى تفهم طريقة الحفظ والوصول.
نشر التطبيق والتحقق من الرابط النهائي
انشر النسخة التي اختبرتها فقط
يشرح دليل البداية استخدام Publish ثم تأكيد النشر للحصول على رابط. وتتيح الاستضافة المدمجة عناوين bolt.host وفق الوثائق، مع اختلاف خصائص النطاق والوصول بحسب الخطة. بعد النشر افتح الرابط من نافذة أخرى، وأضف مهمة تجريبية وأعد تحميل الصفحة. تذكر أن قائمة localStorage تخص ذلك المتصفح، ولن تظهر مهام المعاينة تلقائيًا على جهاز مختلف.
عند تحديث التطبيق المنشور، اختبر أن النسخة العامة تعرض الإصلاح فعلًا. احذف النصوص المؤقتة وأزرارًا لا تؤدي وظيفة، وراجع عنوان الصفحة ورسائل الخطأ. لا تضف رابطًا للجمهور قبل أن تتأكد من المهمة الأساسية؛ مشاركة نموذج صغير واضح أفضل من تقديم وظائف كثيرة لم تُفحص.
خطتك بعد أول نسخة
احتفظ بثلاث قوائم: ما يعمل وتم اختباره، وما يحتاج إصلاحًا، وما تؤجله. انقل ميزة واحدة من التأجيل إلى التنفيذ في كل مرة، مثل تصدير البيانات أو مزامنتها. بهذه الطريقة تبقى معايير النجاح مفهومة ولا يتحول التطبيق إلى سلسلة طلبات تغير اتجاهه كل يوم.
ابدأ في Bolt بوظائف تستطيع اختبارها بنفسك، وتعامل مع كل توليد باعتباره اقتراحًا يحتاج مراجعة. عندما تنجح الإضافة والتصفية والحفظ على الهاتف، يمكنك توسيع التطبيق على أساس واضح. القيمة ليست أن المساعد كتب الكود بسرعة، بل أنك تعرف ما يفعله التطبيق وما حدوده وكيف ترجع إلى نسخة موثوقة.
