v0 by Vercel

أعطينا v0 موجهًا نصيًا واحدًا: "قم ببناء لوحة تحكم SaaS لتتبع فواتير العمل الحر، والعملاء، والفواتير مع تفاصيل العناصر، وسير عمل الحالة من مسودة إلى مدفوعة، ومخطط للإيرادات." أعادت v0 بيئة اختبار Next.js تعمل بالكامل في أقل من دقيقتين: شريط تنقل جانبي، وجدول بيانات shadcn/ui، وعرض تفاصيل فاتورة قابل للتعديل، ومخطط إيرادات Recharts. واجهة مستخدم بجودة الإنتاج في ثوانٍ. ثم أضفنا Next-Auth. تعطل نموذج إنشاء الفاتورة، ولم يتم تمرير رمز الجلسة إلى مسار API. ثلاثة إصلاحات متتالية؛ نجح الثالث. الوقت الإجمالي: 47 دقيقة من الموجه الأول إلى تطبيق يعمل بالكامل مع مصادقة وقاعدة بيانات. هذا هو v0 في أبريل 2026: سريع للمطورين المهرة في React الذين يمكنهم قراءة وتصحيح الكود المُنشأ؛ وتحدي إثبات كفاءة لأي شخص لا يستطيع ذلك.

تم إطلاق v0 في إصدار تجريبي خاص في سبتمبر 2023 كـ "نظام واجهة مستخدم توليدي"، وجذب 100,000 تسجيل في قائمة الانتظار خلال ثلاثة أسابيع. كانت Vercel قد وظفت shadcn في يوليو 2023 للمشاركة في بناء v0، وهذه الشراكة هيكلية: كل مكون في ui.shadcn.com يحمل زر "Open in v0"، وكل عملية توليد تعتمد افتراضيًا على أساسيات shadcn. بحلول مارس 2026، استخدم المنصة ستة ملايين مطور. أدى التحديث الشامل في فبراير 2026، والذي شمل بيئة تشغيل معزولة (sandboxed runtime)، ولوحة Git، ومحررًا بأسلوب VS Code، وفوترة الرموز، إلى تحويلها من أداة لإنشاء المكونات إلى بيئة وكيلية متكاملة (full-stack agentic environment).

ما يمكن لـ v0 إصداره فعليًا في أبريل 2026

أصبحت v0 الآن بيئة وكيلية متكاملة قائمة على المتصفح، حيث تم دمج أداة إنشاء المكونات في نظام يبني ويشغل وينشر تطبيقات كاملة دون مغادرة المتصفح. كان التحديث الشامل في فبراير 2026 أكبر تحديث للقدرات على الإطلاق: بيئة تشغيل معزولة (sandboxed runtime) تُشغل التطبيقات المُنشأة مباشرة في المتصفح (التوجيه، التخطيطات، النماذج التفاعلية، وليس مجرد معاينة ثابتة)، ولوحة Git لإنشاء الفروع وطلبات السحب من واجهة الدردشة دون الحاجة إلى وحدة تحكم (terminal)، ومحرر ملفات بأسلوب VS Code للوصول المباشر إلى الكود بجانب الدردشة، والانتقال من الأرصدة الثابتة إلى الفوترة القائمة على الرموز.

تكاملات قواعد البيانات. يتم توفير Neon Postgres و Supabase و Upstash Redis من الشريط الجانبي للمشروع بنقرة واحدة. عند إضافتها، يكتب الذكاء الاصطناعي الخاص بـ v0 تلقائيًا المخطط (schema) والاستعلامات ومسارات API للخدمة المتوفرة. تمت إضافة موصلات قواعد بيانات Snowflake و AWS في فبراير 2026 لفرق المؤسسات التي تربط مستودعات البيانات الحالية. استيراد Figma (في خطة Premium وما فوقها) يحول الإطارات إلى مكونات shadcn/ui، وهو موثوق للتخطيطات البسيطة، ولكنه أقل موثوقية لهياكل التخطيط التلقائي (auto-layout) المعقدة. النشر بنقرة واحدة على Vercel مع النطاقات المخصصة وإدارة متغيرات البيئة يكمل سير العمل دون مغادرة المتصفح.

أين تتألق v0، وأين تضرك بصمت

سير العمل النموذجي الناجح هو التخلص من الأكواد المكررة (boilerplate) لمطوري React/Next.js. تُنتج v0 مكونات shadcn/ui جميلة حقًا، وسمات ARIA صحيحة، وأنواع TypeScript، ورموز Tailwind، في أقل من 15 ثانية من الموجه النصي. استخدم فريق هندسة Speakeasy هذا النمط لجميع أعمال المكونات الجديدة: v0 للهيكلة الأساسية، و Figma لمراجعة التصميم، ثم الدمج في قاعدة كود Next.js الحالية الخاصة بهم.

"تُنشئ v0 مكونات React مصقولة ومتجاوبة. أستخدمها لهيكلة واجهة المستخدم وتوفر لي ساعات من العمل."

، عضو في مجتمع r/nextjs، 2025

أنماط الفشل هيكلية. جدار تعقيد الواجهة الخلفية: تُنشئ v0 كود واجهة أمامية ممتازًا ولكنها تكتب SQL خام دون عمليات ترحيل (migrations) أو أدوات ORM، وتتخطى تفاصيل تنفيذ المصادقة، وتتعطل عند إضافة تكاملات قواعد بيانات Marketplace في منتصف الجلسة. تطلبت إضافة Next-Auth بعد توصيل قاعدة بيانات ثلاث جولات من التكرار في اختبارنا، وهو أمر يمكن إدارته لمطور يمكنه قراءة الكود المُنشأ، ولكنه غير مرئي لأي شخص لا يستطيع ذلك. نمط الفشل الثاني، التحول في الفوترة في فبراير 2026:

"لقد تضاعف السعر فعليًا عشر مرات بين عشية وضحاها. في الشهر الماضي، أدرت استخدامي بشكل مريح بمبلغ 20 دولارًا. اليوم، أنفقت 20 دولارًا في يوم واحد."

. منتدى مجتمع Vercel، "أصبحت V0.dev غير قابلة للاستخدام وغير أخلاقية. نطالب باسترداد الأموال،" 2026

أبلغ مستخدم ثانٍ في نفس الموضوع عن دفع "$5 لإصلاح '{'"، حيث قام نموذج Max بتصحيح خطأ في بناء الجملة أدخله النموذج القياسي. نمط الفشل الثالث هو عدم وجود ذاكرة للجلسة: لا تمتلك v0 ذاكرة عبر المحادثات، وتفقد السياق المعماري بين الجلسات، وتناقض القرارات السابقة عند توجيهها في محادثة جديدة.

دعم اللغات وأطر العمل: التحقق من الواقع

تعتمد v0 على React و Next.js. هذا ليس قيدًا يمكنك الالتفاف عليه، بل هو خيار معماري مدمج في كل طبقة من طبقات المنصة. يستخدم الكود المُنشأ React JSX و TypeScript و Tailwind CSS وأساسيات shadcn/ui. هدف النشر هو Vercel. شركاء تكامل قواعد البيانات هم Neon و Supabase و Upstash، وجميعها خيارات نموذجية موصى بها من Vercel لتطبيقات Next.js. إذا كان مشروعك يستخدم Vue أو SvelteKit أو Astro، أو إذا كنت تنشر على AWS أو Railway، فإن v0 ليست أداتك. يمكنك تصدير الكود المُنشأ وإعادة تكوين النشر يدويًا، لكنك بذلك تعمل عكس طبيعة المنتج.

ضمن حزمة Next.js، تدعم v0 المساحة الحديثة بالكامل: App Router، و Server Components، و Client Components، ومعالجات المسارات (route handlers)، وإجراءات الخادم (server actions)، وطبقة البرمجيات الوسيطة (middleware). يتعامل الوضع الوكيلي مع القرارات المعمارية متعددة الملفات بشكل متسق. حيث يتراجع دعم إطار العمل هو في صرامة TypeScript: يتم تجميع الكود المُنشأ وتشغيله ولكنه ينتج أحيانًا أنواعًا غير دقيقة أو مفرطة التساهل تحتاج إلى مراجعة قبل دمجها في قاعدة كود مع تمكين الوضع الصارم (strict mode). الوعي بإصدار shadcn/ui موثوق، حيث تُنشئ v0 بناءً على واجهة برمجة تطبيقات المكونات الحالية ومسارات الاستيراد الصحيحة، ولكن إذا كان مشروعك يعتمد على إصدار أقدم من shadcn، فستستخدم المكونات المُنشأة واجهات برمجة تطبيقات قد لا تكون موجودة بعد في تثبيتك.

سير عمل حقيقي: استخدام v0 في صفحة هبوط SaaS مبنية بـ Next.js

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

ابدأ مشروعًا جديدًا في v0.app. صِف المكون الذي تحتاجه: "قم ببناء مكون قائمة عملاء مع جدول بيانات، والاسم، والبريد الإلكتروني، وإجمالي الفواتير، وشارة الحالة (نشط/غير نشط)، وقائمة إجراءات." تُنشئ v0 ما يلي باستخدام أساسيات shadcn/ui:

// Generated by v0. Client data table with shadcn/ui
// Prompt: "client list table with name, email, total invoiced, status badge, action menu"

import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from "@/components/ui/table"
import { Badge } from "@/components/ui/badge"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { Button } from "@/components/ui/button"
import { MoreHorizontal } from "lucide-react"

type Client = {
  id: string
  name: string
  email: string
  totalInvoiced: number
  status: "active" | "inactive"
}

export function ClientTable({ clients }: { clients: Client[] }) {
  return (
    
      
        
          Name
          Email
          Total Invoiced
          Status
          
        
      
      
        {clients.map((client) => (
          
            {client.name}
            {client.email}
            
              {new Intl.NumberFormat("en-US", {
                style: "currency",
                currency: "USD",
              }).format(client.totalInvoiced)}
            
            
              
                {client.status}
              
            
            
              
                
                  
                    
                    Open menu
                  
                
                
                  View invoices
                  Edit client
                  
                    Archive client
                  
                
              
            
          
        ))}
      
    
  )
}

هذا يمثل مخرجات v0 النموذجية: أنواع TypeScript صحيحة، وتسمية ARIA يمكن الوصول إليها sr-only، وتنسيق العملة Intl.NumberFormat، وتكامل أيقونات Lucide، ورموز Tailwind المعينة لطبقة متغيرات CSS الخاصة بـ shadcn. يتم إسقاطه مباشرة في أي مشروع Next.js + shadcn/ui دون تعديل. وقت الإنشاء: أقل من 15 ثانية في خطة Premium. إذا كان المكون يحتاج إلى اتصال بقاعدة بيانات، أضف تكامل Neon أو Supabase من الشريط الجانبي وستقوم v0 بإنشاء طبقة جلب البيانات من جانب الخادم مقابل المخطط المتوفر. استخدم لوحة Git لإيداع المكون في فرع ميزة وفتح طلب سحب (pull request). تظهر معاينة النشر في طلب السحب تلقائيًا من Vercel. هذا هو سير العمل في أفضل حالاته، سريع ومتماسك وجاهز للمراجعة قبل الدمج.

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

الأمان، والترخيص، وتسرب الكود

في يوليو 2025، وثق باحثو Okta Threat Intelligence استخدام v0 كسلاح للتصيد الاحتيالي. وجه المهاجمون v0 لإنشاء نسخ دقيقة (pixel-accurate) لصفحات تسجيل الدخول الخاصة بـ Okta و Microsoft 365 ومحافظ العملات المشفرة، ثم استضافوها على البنية التحتية الخاصة بـ Vercel لاستغلال سمعة النطاق الموثوق بها. أشارت Okta إلى أن v0 "تسمح للجهات الفاعلة في التهديدات الناشئة بإنتاج صفحات تصيد احتيالي خادعة وعالية الجودة بسرعة، مما يزيد من سرعة ونطاق عملياتهم." حظرت Vercel الصفحات الموثقة وأعلنت عن آليات للإبلاغ عن إساءة الاستخدام من جهات خارجية بالتعاون مع Okta، لكن الحادث كشف عن فجوة واضحة: لم يتم اكتشاف استنساخ صفحة تسجيل الدخول كنمط إساءة استخدام.

في أبريل 2026، كشفت Vercel عن اختراق في سلسلة التوريد: اخترق المهاجمون Context.ai، وهي أداة ذكاء اصطناعي تابعة لجهة خارجية يستخدمها أحد موظفي Vercel، وتمكنوا من الوصول إلى حساب Google Workspace الخاص به، وقاموا بحصر متغيرات البيئة غير الحساسة من أنظمة Vercel. عرضت شخصية ShinyHunters البيانات المسروقة مقابل 2 مليون دولار على BreachForums. أكدت Vercel (عبر TechCrunch، 20 أبريل 2026) أن متغيرات البيئة الحساسة لم تظهر أي دليل على الوصول إليها وأصدرت تحديثات أمنية طارئة. يؤثر الاختراق بشكل مباشر على المطورين الذين يخزنون مفاتيح API وبيانات اعتماد قاعدة البيانات كمتغيرات بيئة في v0، ويعد تدوير الأسرار (rotating secrets) بعد أي حادث مؤكد في Vercel أمرًا حكيمًا.

بخصوص بيانات التدريب: خطة Free تشترك افتراضيًا؛ خطة Premium تلغي الاشتراك افتراضيًا؛ خطة Business تفرض إلغاء الاشتراك. الكود المُنشأ ملك للمستخدم.

v0 مقابل Lovable مقابل Bolt.new

تعد Lovable المنافس المباشر الأبرز لـ v0 في مجال التطوير المتكامل (full-stack). تُنشئ Lovable تطبيق React + Supabase كاملًا من موجه نصي، مع تضمين المصادقة وقاعدة البيانات والنشر افتراضيًا، وتمنح ملكية كاملة للكود على GitHub مع مسار خروج نظيف. تُنتج v0 مخرجات shadcn/ui بجودة أعلى؛ بينما تُنتج Lovable بنية خلفية أكثر اكتمالاً دون الحاجة إلى تكوين Marketplace. بالنسبة لغير المطورين الذين يبنون منتجًا أوليًا (MVP) لـ SaaS، تتطلب Lovable خطوات يدوية أقل للوصول إلى تطبيق يعمل. أما بالنسبة للمطور الموجود بالفعل في نظام Next.js البيئي والذي يرغب في إنشاء مكونات تتوافق مع حزمته الحالية، فإن v0 هي الخيار الأنسب.

تتنافس Bolt.new من StackBlitz على السرعة وشفافية الفوترة. تعمل Bolt في المتصفح عبر WebContainers وتعرض الكود أثناء إنشائه، وهي الخيار الأفضل للمطورين الذين يرغبون في التعلم أثناء البناء. تسعير Bolt المقاس بالرموز أكثر قابلية للتنبؤ لتقدير تكلفة الجلسة مسبقًا. الاختلاف الرئيسي: تتطلب Bolt استضافة خارجية بينما تُنشر v0 على Vercel بشكل أصلي. تدعم Bolt أطر عمل Vite و Astro و SvelteKit بالإضافة إلى Next.js؛ بينما تقتصر v0 على React/Next.js فقط. خارج نظام Vercel البيئي، تتفوق Bolt في المرونة. أما داخله، فإن النشر الأصلي لـ v0 وجودة shadcn/ui هما الميزة التنافسية.

أثار موضوع في مجتمع Vercel استمر طوال عام 2025 مقارنة ثالثة: "لماذا يجب أن أستمر في الدفع لـ Vercel بينما يمكنني استخدام Cursor لعدد غير محدود من المرات مقابل 20 دولارًا شهريًا؟" Cursor هو مساعد IDE محلي، المقارنة غير دقيقة، لكن الفجوة في القيمة حقيقية. توفر 20 دولارًا شهريًا لـ Cursor مساعدة غير محدودة فعليًا في الكود بالذكاء الاصطناعي في قاعدة الكود الحالية الخاصة بك. بينما توفر 20 دولارًا لـ v0 ما قيمته 20 دولارًا من الرموز التي تُستهلك في الجلسات المعقدة.

التسعير للمطورين المستقلين، والفرق، والمؤسسات

أدى تحول فوترة v0 في فبراير 2026 إلى التسعير القائم على الرموز إلى تغيير الاقتصاديات بشكل حاد. تتناسب تكلفة الرموز مع مستوى النموذج وتعقيد الموجه. تكلف عمليات إنشاء المكونات البسيطة أجزاء من السنت؛ بينما تكلف عمليات البناء الوكيلية المعقدة متعددة الملفات على نموذج Pro أو Max ما بين 1 إلى 5 دولارات لكل جلسة. الشكوى الأساسية: لا تعرض v0 تقديرًا للتكلفة قبل تشغيل عملية الإنشاء.

Free: 5 دولارات/شهر كأرصدة، 7 رسائل/يوم، نموذج v0-1.5-md، وهي فئة للتقييم وليست للعمل الفعلي. Premium (20 دولارًا/شهر): 20 دولارًا/شهر كأرصدة، رسائل غير محدودة، نموذج v0-1.5-lg، استيراد Figma، وصول إلى API، إلغاء الاشتراك في التدريب افتراضيًا. استهلك العديد من المستخدمين مخصصات الـ 20 دولارًا في ثلاثة أيام أو أقل بعد تحول فبراير 2026. Team (30 دولارًا/مستخدم/شهر): مجمع أرصدة مشترك، أرصدة إضافية بقيمة 2 دولار/يوم، فوترة Vercel مركزية. Business (100 دولار/مستخدم/شهر): تفرض إلغاء الاشتراك في بيانات التدريب افتراضيًا، وهي ميزة الحوكمة الأساسية مقارنة بخطة Team. Enterprise (مخصص): تسجيل الدخول الموحد (SSO)، اتفاقيات مستوى الخدمة (SLAs)، دعم مخصص، عدم تدريب النماذج على بيانات العملاء.

ينطبق التقييد بمنظومة Vercel (lock-in) عبر جميع الخطط. ينتهي سير عمل Git-to-deploy عند حدود Vercel. يمكن للفرق التي تستخدم AWS أو Railway أو Render تصدير الكود المُنشأ ونشره بشكل مستقل، لكنها تفقد الحلقة المتكاملة التي تجعل v0 سريعة.