في هذا الاستعراض، سأعرض لك بالضبط ما الذي قدمته Rocket.new، سطرًا بسطر، وقرارًا بقرار. سترى كود React المولد، وسير عمل النشر، وتكاليف الرموز، والمزالق الخفية. والأهم من ذلك، سأجيب على السؤال الوحيد الذي يهم: هل هذه أداة يمكنك حقًا بناء عمل تجاري عليها؟
مفاجأة: بالنسبة لأنواع معينة من التطبيقات، الإجابة هي نعم، وهي أقرب إلى “التطوير الحقيقي” من أي شيء آخر جربته في عام 2026.
ما هو Rocket.new؟
Rocket.new هي أداة بناء تطبيقات مدعومة بالذكاء الاصطناعي تحول أوصاف النص التفصيلية إلى تطبيقات ويب كاملة الوظائف مع كود جاهز للإنتاج.
ما يميز Rocket.new هو فلسفة “الكود أولاً” المدمجة في واجهة محادثة. أنت لست مقيدًا بنظام بيئي خاص بالمنصة. كل تطبيق مولد هو:
- مُبني بأدوات معيارية في الصناعة (React, Tailwind CSS, Recharts)
- قابل للتحرير بالكامل في محرر متصفح أو بيئتك المحلية
- قابل للتصدير إلى GitHub مع ملكية كاملة لقاعدة الكود
- قابل للنشر في أي مكان (Netlify, Vercel, خوادم مخصصة)
تتميز الأداة بإنشائها لوحات بيانات كثيفة، وبوابات العملاء، ولوحات الإدارة، ومنصات التحليلات. تطبيقات تتطلب عادةً جهدًا كبيرًا في الواجهة الأمامية والخلفية.
إنها قوية بشكل خاص لرواد الأعمال الذين يحتاجون إلى إطلاق MVP بسرعة، والمطورين الذين يرغبون في تخطي الأعمال الروتينية، والوكالات التي تبني مشاريع عملاء متعددة بأنماط متشابهة.
لمن هي موجهة؟
تخدم Rocket.new عدة أنواع من المستخدمين، كلٌ يحل تحديًا مختلفًا:
المؤسسون ورواد الأعمال الذين يبنون MVPs أو منصات لعرض العملاء يمكنهم إطلاق تطبيقات جاهزة للإنتاج في ساعات بدلًا من أسابيع.
المطورون والفرق التقنية الذين يرغبون في التخلص من أعمال الإعداد المتكررة سيجدون Rocket.new لا يُقدَّر بثمن للتصميم السريع للنماذج الأولية. يمكنك توليد الهيكل الأولي، ومكونات الواجهة، ونماذج البيانات، ثم الغوص في الكود لإضافة المنطق الخاص بك.
الوكالات والاستشاريون الذين يديرون مشاريع عملاء متعددة يستفيدون من السرعة والتناسق. يمكنك بناء لوحات إدارة مخصصة، وأنظمة حجز، أو مديري مخزون في جزء بسيط من الوقت.
المشغلون غير التقنيين وأصحاب الأعمال الصغيرة الذين يفهمون سير عملهم لكن يفتقرون إلى مهارات الترميز يمكنهم أخيرًا بناء أدوات داخلية دون الاعتماد على فنيين خارجيين. يمكنك إنشاء:
- لوحات جدولة الموظفين
- أنظمة تتبع طلبات العملاء
- بوابات إدارة المخزون
- أدوات تحليلات الأداء
الإيجابيات والسلبيات لـ Rocket.new
- تولد كود React جاهز للإنتاج على الفور
- هيكل كود نظيف وقابل للقراءة البشرية
- تصدير كامل إلى GitHub وملكية كاملة
- نشر بنقرة واحدة على Netlify متضمن
- التصميم المتجاوب مُعالج تلقائيًا
- تكامل مع Supabase لقاعدة بيانات مباشرة
- واجهة مستخدم احترافية دون مهارات تصميم
- لا بطاقة ائتمان للتسجيل
- يتعامل مع تطبيقات متعددة الصفحات المعقدة
- الذكاء الاصطناعي يضيف ميزات لم تطلبها
- مجموعة تقنيات معيارية في الصناعة (React/Tailwind)
- النطاق المخصص يتطلب ترقية مدفوعة
- نظام الرموز يحد من التجارب المكثفة
- النماذج المتقدمة تستهلك الرموز بسرعة أكبر
- لا يوجد منشئ بصري بالسحب والإفلات
جرب Rocket.new مجانًا (بدون بطاقة ائتمان)، واكتشف كم يمكنك إطلاقه قبل الغداء. فقط أحضر فكرتك. الباقي سريع بشكل مدهش.
ميزات Rocket.new
- توليد تطبيقات React مدعومة بالذكاء الاصطناعي
- تصدير كامل للكود إلى GitHub
- نشر بنقرة واحدة على Netlify
- تكامل قاعدة بيانات Supabase
- محرر كود مدمج في المتصفح
- دعم تطبيقات متعددة الصفحات
- تصميم متجاوب تلقائي
- اتصالات نقاط نهاية API مخصصة
تجربتي العملية مع Rocket.new
هل يمكن أن تكون هذه واحدة من الأدوات النادرة التي تفي فعلاً ببناء شيء معقد، وظيفي، ومصقول بصريًا باستخدام لغة طبيعية فحسب؟
لاكتشاف ذلك، قررت بناء بوابة طلب خدمة متطورة. هذا ما حدث.
1. البدء: التسجيل والانطباعات الأولى
وصلت إلى صفحة Rocket.new الرئيسية، وأول ما لاحظته هو خلوها الكامل من الفوضى.
لم تكن هناك مقاطع “كيف تعمل” أو قوائم ميزات عملاقة في طريقي. كانت الواجهة تتركز حول مربع طلب ضخم يشجعك على طلب شيء صعب. قبل أن أبدأ، احتجت إلى حساب.
في الزاوية اليمنى العليا، رأيت زرًا أبيض مكتوبًا عليه “تسجيل الدخول / التسجيل”. نقرت عليه، وظهر نافذة داكنة ونظيفة في وسط الشاشة. رأيت خيارين رئيسيين:
- المتابعة عبر Google
- حقل إدخال لإدخال بريد إلكتروني شخصي أو وظيفي
أنا من محبي الفصل بين اختبارات الخدمات، لذا أدخلت بريدي الإلكتروني في الحقل. نقرت على “متابعة”، وتغيرت الشاشة فورًا إلى صفحة التحقق. أخبرتني أن رمزًا قد أُرسل. انتقلت إلى علامة تبويب البريد، حدثّثتها، وها هو هو، رسالة من “Team Rocket”.
بمجرد إدخال الرقم الأخير، تم تحديث الشاشة. لا استبيانات “مرحبًا”، ولا أسئلة “ما دورك؟”، والأهم من ذلك، لا شاشة “أدخل بطاقة ائتمان للمتابعة”. تم إسقاطي مباشرة في لوحة المشروعات الخاصة بي.
كانت مساحة فارغة تظهر “لا توجد مشاريع”، لكن الواجهة كانت احترافية وسريعة. كانت مساحة عمل داكنة ونظيفة مع شريط تنقل في الأعلى يمنحني الوصول إلى مشاريعي، والقوالب، والتسعير، والموارد.
انطباعي عن عملية التسجيل:
لا يمكنني أن أخبرك كم هو منعش استخدام أداة لا تعاملني كأنه عميل محتمل بمجرد التسجيل. كنت مستعدًا للبناء في أقل من 45 ثانية.
2. متطلبات المشروع: تهيئة الذكاء الاصطناعي
حان الوقت لاختبار “دماغ” هذه الأداة فعليًا. نقرت مرة أخرى في مربع الطلب الضخم. لم أرغب في طلب مهمة سهلة مثل “إنشاء نموذج اتصال”. أردت أن أرى إن كانت قادرة على التعامل مع علاقات معقدة ومنطق تجاري.
قررت تزويدها بمتطلبات هيكلية مفصلة لأرى إن كانت ستتبعها أو ستقدم نموذجًا عامًّا. هذا بالضبط ما كتبته:
- اسم المشروع: بوابة طلب الخدمة
- الوصف: بوابة عملاء حيث يمكن لأصحاب المنازل طلب خدمات منزلية (سباكة، كهرباء، تنظيف، إلخ) ومتابعة حالة طلباتهم.
- الميزات الأساسية:
- المصادقة (تسجيل/تسجيل دخول)
- نموذج طلب الخدمة بالحقول: نوع الخدمة (قائمة منسدلة: سباكة، كهرباء، تنظيف، تنسيق حدائق)، الوصف (منطقة نص)، التاريخ المطلوب (محدد تاريخ)، والأولوية (قائمة منسدلة: منخفض، متوسط، عالي).
- لوحة طلبات الخدمة: تعرض قائمة بكل الطلبات المقدمة وحالتها الحالية.
- صفحة ملف المستخدم: تعرض الاسم، البريد الإلكتروني، ورقم الهاتف.
- عرض المسؤول: لوحة لمقدم الخدمة لإدارة وتحديث حالة الطلبات.
لاحظت أنه أثناء الكتابة، لم يكن المربع يقيدني. كان بإمكاني الضغط على “Enter” لإنشاء سطور جديدة، مما أتاح لي تنظيم أفكاري.
لم يكن هناك عداد مرئي للأحرف، مما منحني حرية التفاصيل كما أشاء. بعد مراجعة القائمة، نقرت على أيقونة “إرسال” الحمراء على اليمين.
انطباعي عن إدخال الطلبات:
أسلوب “المحادثة” في البناء كان طبيعيًا جدًا. لم أشعر أنني مضطر إلى “هندسة” الطلب؛ كتبت ما كنت سأخبر به مطورًا في موجز المشروع.
3. مرحلة البناء: مشاهدة عمل الذكاء الاصطناعي
بمجرد الضغط على إرسال، تغيرت الشاشة. ظهر عرض “تطبيق جديد”، وبدأ الذكاء الاصطناعي في “التفكير”.
شاهدت سجلًا لعمليات التفكير الخاصة به على الجانب الأيسر من الشاشة. كان هذا مذهلًا لأنه لم يُظهر مجرد شريط تحميل؛ بل بيّن لي المنطق الذي يؤسسه.
بدأ بتعريف هيكل البيانات:
- جدول الخدمات: سرد كل الحقول التي طلبتها: المعرف، نوع الخدمة، الوصف، تاريخ الطلب، الحالة، تاريخ الإنشاء، اسم العميل، وبريده الإلكتروني.
- جدول المستخدمين: المعرف، الاسم، البريد الإلكتروني، الهاتف، العنوان، والدور (عميل/مسؤول).
ثم رد “Rocket” في الدردشة. قال: “سأنشئ لك بوابة طلب الخدمة — يبدو هذا كنظام إدارة عملاء شامل للخدمات المنزلية.” ثم قدم لي اختيارًا تقنيًا. عرض علي “الإطار الافتراضي” الذي يتكون من:
- React
- JavaScript
- Tailwind CSS
كان بإمكاني الضغط على “تخصيص الإطار”، لكنني أردت أن أعرف ما يعتبره الذكاء الاصطناعي جودة “افتراضية”. نقرت على “استخدام الإطار الافتراضي”.
تحدّث سجل التقدم مرة أخرى. شاهدته ينتقل عبر المراحل: “تحليل خيارات التقنيات”، “إنهاء إعداد المشروع”، و”تحضير المحتوى”.
في غضون دقيقتين تقريبًا، توقف وسألني عن اختيار الشاشات التي أريدها للتطبيق. اقترح:
- نظرة عامة على تحليلات الخدمة
- مركز تحليلات العملاء
- مراقبة العمليات
حددت الثلاثة. أردت أن أرى إن كان بإمكانه فعلاً بناء ثلاث صفحات مميزة ووظيفية من طلب واحد. نقرت على “بناء لوحتي” وبدأت عملية التوليد النهائية.
أثناء ذلك، أخبرني مربع صغير في الأعلى أن أنتظر من 5 إلى 8 دقائق.
انطباعي عن عملية البناء:
في هذه المرحلة تدرك مدى قوتها فعلًا. إنها لا تُنشئ مجرد واجهة؛ بل تبني تطبيق React حقيقي.
رؤية إنشاء جداول البيانات أولًا منحتني ثقة كبيرة بأن التطبيق لن يكون “سحريًا فقط”. شعرت وكأنني أشاهد مطورًا محترفًا يُعد مستودع GitHub أمامي.
4. النظرة الأولى على اللوحة: لماذا أذهلني هذا
عندما ظهرت المعاينة، تراجعت في كرسيي فعليًا. لقد استخدمت “منشئي AI” من قبل يقدمون لك أزرارًا ونصوصًا أساسية فقط.
أعطتني Rocket.new لوحة تحليلات احترافية عالية الدقة. صفحة “نظرة عامة على تحليلات الخدمة” كانت مذهلة. تضمنت:
- بطاقات مؤشر الأداء الرئيسية: أربعة بطاقات جميلة تعرض “إجمالي الطلبات” (2,847)، “نسبة الإكمال” (94.2٪)، “متوسط زمن الحل” (4.2 ساعات)، و”رضا العملاء” (4.7 / 5).
- مؤشرات الاتجاه: كل بطاقة بها سهم أخضر أو أحمر صغير يظهر النمو. على سبيل المثال، أظهرت “إجمالي الطلبات” زيادة +12.5٪ مقارنة بالفترة السابقة.
- مخططات تفاعلية: مخطط شريطي ضخم لـ”حجم الطلبات ونسبة الإكمال” في منتصف الشاشة. حرّكت مؤشر الفأرة فوق “الأسبوع 3″، وظهرت أداة توضيح تُظهر 698 طلبًا وإكمال بنسبة 95٪.
- تنبيهات الوقت الحقيقي: في الجانب الأيمن، شريط جانبي مخصص لـ”تنبيهات الوقت الحقيقي.” لم يكن نصًا عشوائيًا؛ بل عرض “تنبيه خرق اتفاقية مستوى الخدمة” لطلب سباكة طارئ عمره 5 دقائق.
- تفصيل أداء الخدمة: في الأسفل، قسَّم فئات محددة مثل السباكة، والتدفئة وتكييف الهواء، والكهرباء. كانت كل فئة بها مخطط صغير وشارة حالة (مثل “طلب مرتفع”).
نقرت عبر الصفحات الأخرى المولدة. كانت “مركز العمليات” مثيرة للإعجاب أيضًا، حيث عرضت توزيع الطلبات على خريطة وقائمة “حجم أعمال الفنيين” التي تتتبع عدد المهام لكل محترف.
انطباعي عن جودة التطبيق:
هذه هي لحظة “الآها!”. لا يمكنك أن تخمن أن هذا مُولد بواسطة AI. التصميم نظيف، والتباعد مثالي، والمكونات (مثل المخططات والتنبيهات) تعمل فعليًا في المعاينة.
لم يقتصر الأمر على اتباع طلبي؛ بل أضاف ميزات “احترافية” مثل تتبع اتفاقية مستوى الخدمة وأسهم الاتجاه التي لم أفكر فيها أصلًا.
5. الغوص في الكود: القوة والتحكُّم
أحد أكبر شكاواي من أدوات عدم الكتابة هو أنها تخفي الكود عنك. تفعل Rocket.new العكس تمامًا. نقرت على علامة التبويب “Code” في الأعلى، وظهر IDE كامل.
على اليسار كان شجرة الملفات تمامًا كما في مشروع React احترافي:
- src/components/: وجدت ملفات AlertBanner.jsx, MetricCard.jsx, و RequestVolumeChart.jsx.
- src/pages/: كل الشاشات المولدة موجودة كملفات .jsx منفصلة.
- tailwind.config.js: يمكنني رؤية كيفية التعامل مع التنسيقات.
- package.json: يسرد جميع المكتبات المستخدمة، مثل recharts للمخططات و lucide-react للأيقونات.
نقرت على ServiceAnalyticsOverview.jsx. كان الكود نظيفًا للغاية. يستخدم React hooks حديثة، وفئات Tailwind منظمة منطقيًا. لم يكن كودًا “مصغرًا” أو “مشفرًا” يصعب قراءته. كان “قابلاً للقراءة البشرية”.
لاحظت أنه بإمكاني تعديل الكود مباشرة في المتصفح. غيرت إحدى التسميات من “Total Requests” إلى “Total Orders”، وتحديثت المعاينة على اليمين فورًا.
انطباعي عن جانب الكود:
هذا ما يجعل Rocket.new أداة “محترفة”. إنها ذكاء اصطناعي يكتب الكود نيابةً عنك، لكنه يمنحك مفاتيح السيطرة. إذا وصل الذكاء الاصطناعي إلى 90٪، يمكنك القفز إلى الكود وإنهاء الـ10٪ المتبقية بنفسك.
بالنسبة للمطور، هذا حلم لأنه يتولى الأعمال الرتيبة ويتيح لك التركيز على المنطق المخصص.
6. تخصيص التصميم: السمات والتعديلات البصرية
بعد ذلك، قررت أن أرى مدى التغييرات التي يمكنني إجراؤها على المظهر دون لمس سطر كود.
اكتشفت أن هناك ثلاث طرق لتخصيص التصميم في Rocket:
الطريقة الأولى: استخدام قائمة الأوامر “/”
كتبت “/” في مربع الدردشة أسفل الشاشة، فظهر قائمة مفيدة مع خيارات مثل “العلامة والهوية”، “التخطيط والهيكل”، “الرسوم المتحركة والتأثيرات”، “ميزات AI”، والمزيد.
كانت هذه أسرع طريقة للوصول إلى ميزات التخصيص:
- العلامة والهوية: يمكنني تحميل شعار مخصص، تغيير اسم التطبيق، أو التبديل بين الوضع الفاتح والداكن.
- تبديل السمات: اخترت التبديل إلى الوضع الفاتح. تحوّل التطبيق بالكامل بشكل جميل.
- لوحات الألوان: غيرت “اللون الأساسي” إلى أخضر غابي عميق، وتحديث كل زر وخط في المخططات والأيقونات ليناسب ذلك اللون عالميًا.
الطريقة الثانية: الضغط على “Edit Design” في الركن العلوي
هناك زر “Edit Design” في الركن الأيمن العلوي للمعاينة. عند النقر عليه، تصبح المعاينة تفاعلية.
يمكنني النقر على أي عنصر، مثل مخطط أو كتلة نص، فتظهر قائمة صغيرة تتيح تغيير خصائصه مباشرةً. هذا يمنحني تحكمًا بصريًا دقيقًا في المكونات الفردية.
الطريقة الثالثة: فقط أخبر الذكاء الاصطناعي بما تريد
أسهل طريقة على الإطلاق. يكفي كتابة طلب التخصيص مباشرة في الدردشة بلغة إنجليزية بسيطة.
على سبيل المثال، كتابة “انقل الشريط الجانبي إلى اليمين واجعل الرأس ثابتًا” ستطبق هذه التغييرات فورًا. لا قوائم، لا نقرات. أوامر محادثية فحسب.
انطباعي عن التخصيص: وجود ثلاث طرق مختلفة للتخصيص فكرة رائعة. قائمة “/” ممتازة عندما تعرف ما تبحث عنه، و”Edit Design” مثالية للتعديلات البصرية، والأوامر المباشرة لا مثيل لها من حيث السرعة.
حقيقة أن مُحدد اللون “الأساسي” يحدث التطبيق بأكمله عالميًا ميزة ضخمة. في أدوات أخرى، عليك تغيير الألوان زرًّا زرًّا.
هنا، أمر واحد ويكتمل الأمر.
7. إعداد المحرك: البيانات، والخلفية، والتكاملات
توضح Rocket.new أن البناء الأولي هو “واجهة أمامية أولًا”، لكنها تقدم لك الأدوات لجعله منتج برامج حقيقي مع بيانات.
نقرت على علامة التبويب “Integrations” في الأعلى.
رأيت قائمة بالاتصالات الجاهزة:
- Supabase: هذا هو الأهم. توصي Rocket.new باستخدام Supabase لقاعدة البيانات والمصادقة. حتى أنها عرضت زر “Connect” لربط حسابي.
- Stripe: لمعالجة المدفوعات داخل البوابة.
- Google Analytics: ل تتبع سلوك المستخدمين.
- OpenAI: إذا أردت إضافة “ميزات AI” (مثل أداة تشخيص الخدمة الآلي) إلى بوابتي.
بعد ذلك، نقرت على علامة التبويب “APIs”. كان هذا واحدًا من أكثر الأجزاء تقدمًا في الأداة. يمكنني إضافة واجهات برمجة تطبيقات مخصصة عن طريق:
- استيراد مجموعة Postman.
- لصق أمر cURL.
- تحميل ملف JSON أو Swagger.
حتى أن الذكاء الاصطناعي عرض مساعدتي على ربط مكونات الواجهة الأمامية ببيانات الخلفية. قال: “أستطيع مساعدتك في توصيل مكونات الواجهة ببيانات API. فقط قدم نقطة النهاية.”
انطباعي عن الجانب الخلفي:
الكثير من منشئي AI يصنعون تطبيقات “ميتة” تبدو جميلة لكن لا تفعل شيئًا مع البيانات. تبني Rocket.new مع عقلية “خلفية حقيقية”.
من خلال التكامل مع Supabase، لا تجبرك على استخدام قاعدة بيانات مقفلة خاصة. تساعدك على البناء على أدوات معيارية في الصناعة. نهج ذكي جدًا.
8. تتبع الرموز وواقع التسعير
أثناء البناء، راقبت عدادًا صغيرًا في الأعلى يقول “رصيد الرموز”. في كل مرة أطلب فيها من الذكاء الاصطناعي توليد شاشة جديدة أو تغيير مكون كبير، ينخفض العدد.
نقرت على زر “Upgrade” لرؤية هيكل التسعير. رأيت ثلاث خطط:
- مجانية: مناسبة للاختبار، لكن محدودة ببضع توليدات شهريًا.
- Pro: رسوم شهرية تمنحك رموزًا أكثر بكثير وإمكانية استخدام نماذج AI متقدمة.
- Enterprise: للفرق التي تحتاج توليدات غير محدودة ودعم مخصص.
لم أصل للحد أثناء الاختبار، رغم توليد ثلاث صفحات كاملة وإجراء عدة تعديلات على الكود.
ومع ذلك، لاحظت أن نموذج “v0 Max” (الأقوى) يستهلك الرموز بشكل أسرع من النماذج القياسية. بالتأكيد عليك مراقبته إذا قمت بالكثير من عمليات التجريب.
انطباعي عن نظام الرموز:
التسعير يبدو عادلًا مقابل ما تحصل عليه. إذا اعتبرت أن هذه الأداة يمكنها فعل ما يستغرق مطورًا أسبوعًا كاملًا في ساعة واحدة، فإن خطة “Pro” تدفع ثمن نفسها فورًا. أعجبني أن استخدام الرموز كان شفافًا وظاهرًا دائمًا فلا تتلقى فاتورة مفاجئة.
9. النشر واختبار الاستجابة: جعله حيًا
الخطوة الأخيرة كانت رؤية كيف يبدو هذا التطبيق في العالم الحقيقي. نقرت على زر “Launch” في الزاوية العلوية اليمنى. ظهرت قائمة من خيارين رئيسيين:
- إطلاق على الويب: يستضيف التطبيق على Netlify ويمنحك رابطًا مباشرًا. الوصف قال “Launch on Netlify and show it to the world! You can update or un-publish it anytime.”
- إطلاق على نطاق مخصص: يتيح لك إطلاقه على نطاقك الخاص مع العلامة التجارية الاحترافية من اليوم الأول. تتطلب هذه الميزة ترقية إلى خطة مدفوعة.
نقرت على “Launch on web”. ظهر إشعار يقول “Please wait while we publish your app. This may take a few moments.” شاهدت Rocket.new يهيئ النشر. استغرق نحو 45 ثانية إلى دقيقة.
بمجرد الاكتمال، حصلت على رابط Netlify مباشر يمكنني مشاركته مع أي شخص. فتحته على هاتفي، وهنا تألقت التصميمات المتجاوبة.
على سطح المكتب، كان للتطبيق شريط تنقل جانبي وشبكة متعددة الأعمدة. على هاتفي، اختفى الشريط الجانبي في قائمة “همبرغر”، وتكدست بطاقات KPI الأربعة عموديًا.
تحققت أيضًا من إعدادات “التحكم في الإصدار”. وجدت خيار “Push to GitHub”. هذه ميزة ضخمة. تعني أنني أمتلك كودي. يمكنني تصديره، أو تنزيله كملف ZIP، أو مزامنته مع مستودعي الخاص. لست “محبوسًا” في نظام Rocket.new.
انطباعي عن النشر:
كانت عملية النشر سلسة بلا عيوب. لم تظهر رسائل “أخطاء في البناء” أو “فشل النشر”. مجرد نشر نظيف على Netlify. حقيقة أن التطبيق متجاوب بشكل افتراضي هي راحة هائلة.
بينما يتطلب إطلاق النطاق المخصص خطة مدفوعة، فإن نشر Netlify المجاني أكثر من كافٍ للاختبار وعرض العروض التوضيحية.
ميزة “تصدير إلى GitHub” هي الفائز الحقيقي. تحوّل Rocket.new من “أداة بدون كود” إلى “أداة إنتاجية للمطور المحترف”.
الخلاصة النهائية: هل Rocket.new جديّة حقًا؟
دخلت هذا الاختبار متوقعًا أن أجد عيوبًا كبيرة أو “هلوسات AI”، لكنني اندهشت حقًا. استطاعت Rocket.new أن تأخذ موجز مشروع معقد نسبيًا وتحوله إلى تطبيق ويب عالي الجودة، متجاوب، ووظيفي في أقل من 15 دقيقة.
ما أدهشني أكثر:
- جودة التصميم تفوق أي منشئ AI آخر جربته.
- شفافية الكود تمكنك من السيطرة والملكية التامة.
- النشر بنقرة واحدة يزيل كل عناء الاستضافة التقني.
لم أواجه أي أخطاء طوال الجلسة. لا انهيارات، لا مشاكل UI غريبة، ولا رسائل “خطأ داخلي في الخادم”. كل شيء… فقط عمل.
إذا كنت رائد أعمال يبحث عن إطلاق MVP أو مطورًا يرغب في تسريع سير عمله، فإن Rocket.new تعد واحدة من أفضل الأدوات في السوق حاليًا. تجسر الفجوة بين “رسم فكرة للتطبيق” و”كتابة الكود” بشكل مثالي. أحب هذه الأداة، ولا أطيق الانتظار لرؤية ما يمكنني بناءه بها بعد.
أسعار وخطط Rocket.new
تستخدم Rocket.new نظام تسعير يعتمد على الرموز حيث تغذي الرموز كل شيء من توليد التطبيقات بالنص المحادثي إلى تحويلات Figma إلى كود.
فكر في الرموز كرصيد يُستهلك بناءً على تعقيد طلباتك. الطلبات البسيطة تستهلك رموزًا أقل، بينما توليد لوحات بيانات متعددة الشاشات يحتاج رموزًا أكثر.
مقارنة الخطط المدفوعة
| الخطة | السعر الشهري | السعر السنوي | الرموز/الشهر | شاشات Figma | رموز إضافية | الأفضل لـ |
|---|---|---|---|---|---|---|
| Personal | $25 | $20/شهر ($240/سنة) | 5M | حتى 6 | لا شيء | منشئي محتوى فرديين، محافظ، صفحات هبوط |
| Rocket | $50 | $40/شهر ($480/سنة) | 10M + 500K مكافأة | حتى 12 | 500K شهريًا | MVPs، لوحات عملاء، نماذج SaaS |
| Booster | $100 | $80/شهر ($960/سنة) | 20M + 2M مكافأة | حتى 25 | 2M شهريًا | أنظمة SaaS كاملة، التجارة الإلكترونية، التطبيقات المعقدة |
ترحيل الرموز: الرموز غير المستخدمة تنتقل للشهر التالي في الخطط الشهرية. في الخطط السنوية، تنتقل الرموز شهرًا بشهر ضمن فترة 12 شهرًا لكنها تنتهي عند التجديد.
خيار التزويد بالرموز: يمكن لجميع الخطط المدفوعة شراء رموز إضافية بسعر $20 مقابل 5M رمز. هذه الرموز لا تنتهي طالما اشتراكك نشط، مما يجعلها مثالية للزيادات المفاجئة في نطاق المشروع.
تفاصيل الدفع والاسترداد
تقبل Rocket.new بطاقات الائتمان الرئيسية وتقدم الفوترة السنوية مع توفير 20٪ عبر جميع الخطط. إذا قمت بالترقية منتصف الدورة، تحصل على رصيد نسبي للأيام غير المستخدمة. النزول في الخطة يصبح ساري المفعول في الدورة الفواتيرية التالية، لذا تحتفظ برموزك الحالية حتى ذلك الحين.
بديل لـ Rocket.new
إذا كنت تركز بشكل أساسي على مكونات واجهة مستخدم أمامية مصقولة ضمن نظام Vercel/Next.js، فإن البديل القوي هو v0 by Vercel.
Rocket.new تبني تطبيقات كاملة مع بنية خلفية، لكن v0 يتخصص في إنشاء مكونات واجهة مستخدم فردية عالية الجودة.
Rocket.new مقابل v0 by Vercel
| الميزة | Rocket.new | v0 by Vercel |
|---|---|---|
| سهولة الاستخدام | توليد مرة واحدة، ثلاث طرق للتخصيص | تحسين تكراري، تركيز على المكونات |
| الأفضل لـ | MVPs كاملة، لوحات تحكم، بوابات عملاء | صفحات هبوط، مواقع تسويق، مكتبات UI |
| التطبيقات المحمولة | تطبيقات ويب متجاوبة، لا تطبيقات أصلية | مكونات متجاوبة، لا ميزات محمولة خاصة |
| الخلفية والبيانات | خلفية كاملة مع Supabase، مصادقة، APIs | لا خلفية. التكامل يدوي |
| مرونة التصميم | سمات عالمية، اقتراحات AI، وضع تحرير التصميم | مكونات shadcn/ui، افتراضيات مصقولة للغاية |
| الأداء | تطبيقات كاملة في 5-8 دقائق | مكونات فردية في ثوانٍ |
| التسعير | يعتمد على الرموز: مجاني (1M)، $25/شهر (5M)، $50/شهر (10.5M) | يعتمد على الرسائل: خطة مجانية، Pro ≈$20/شهر |
اختر Rocket.new إذا كنت تحتاج تطبيقًا كاملاً، يشمل مخطط قاعدة البيانات، المصادقة، والمنطق التجاري، مُولدًا من طلب واحد. مثالي لـ SaaS MVPs أو أدوات داخلية.
اختر v0 إذا كنت مطور واجهة أمامية مع بنية خلفية موجودة وتريد مكونات React مصقولة لمواقع تسويقية أو صفحات هبوط، خاصة إذا كنت بالفعل على Vercel.
الحكم النهائي على Rocket.new
تDeliver Rocket.new حيث تفشل معظم أدوات بناء التطبيقات بالذكاء الاصطناعي. إنها تحول الطلبات التفصيلية باللغة الطبيعية إلى تطبيقات جاهزة للإنتاج، ليست مجرد تصميمات، ولا صفحات هبوط، بل تطبيقات React كاملة الوظائف مع كود نظيف وقابل للقراءة وبنية مكونات منطقية.
المنصة تبرز لثلاثة أسباب:
- نتيجة عالية الجودة: الكود المولد يتبع أفضل الممارسات الحديثة وسهل التوسيع.
- الملكية الحقيقية: تصدير بنقرة واحدة إلى GitHub يعني لا قيد من البائع.
- التسعير الشفاف: استخدام الرموز متتبع بوضوح، دون رسوم خفية.
ومع ذلك، تتطلب النطاقات المخصصة خطة مدفوعة، والبناءات المعقدة أو التكرارية يمكن أن تنفد من الرموز المجانية أسرع مما تتوقع.
وبينما تتألق Rocket.new في التطبيقات المهيكلة، فهي أقل ملاءمة للتجارب التي تتطلب تحكمًا إبداعيًا دقيقًا في التصميم.
لمن هي؟
- المطورون المتعبون من أعمال الإعداد الروتينية
- المؤسسون الذين يحتاجون إلى التحقق من MVP في مواعيد ضيقة
- الفرق التقنية التي تحتاج السرعة وكودًا قابلًا للصيانة
