v0 by Vercel

Le dimos a v0 un único prompt: "Construye un panel SaaS para un rastreador de facturas de autónomos, clientes, facturas con partidas, flujo de estado desde borrador hasta pagado y un gráfico de ingresos". v0 devolvió un sandbox funcional de Next.js en menos de dos minutos: navegación lateral, DataTable de shadcn/ui, vista de detalles de factura editable, gráfico de ingresos de Recharts. Interfaz de usuario con calidad de producción en segundos. Luego añadimos Next-Auth. El formulario de creación de facturas se rompió, el token de sesión no se estaba pasando a la ruta de la API. Tres correcciones sucesivas; la tercera funcionó. Tiempo total: 47 minutos desde el primer prompt hasta una aplicación funcional, autenticada y respaldada por una base de datos. Así es v0 en abril de 2026: rápido para desarrolladores expertos en React que pueden leer y depurar el código generado; un ejercicio de acreditación para cualquiera que no pueda hacerlo.

v0 se lanzó en beta privada en septiembre de 2023 como un "sistema de interfaz de usuario generativa", atrayendo 100,000 registros en la lista de espera en tres semanas. Vercel había contratado a shadcn en julio de 2023 para co-construir v0, y esa asociación es estructural: cada componente en ui.shadcn.com lleva un botón "Open in v0", y cada generación utiliza por defecto las primitivas de shadcn. Para marzo de 2026, seis millones de desarrolladores usaban la plataforma. La gran actualización de febrero de 2026 (entorno de ejecución aislado, panel de Git, editor estilo VS Code, facturación por tokens) lo transformó de un generador de componentes a un entorno agéntico full-stack.

Lo que v0 realmente puede enviar a producción en abril de 2026

v0 es ahora un entorno agéntico full-stack basado en el navegador, el generador de componentes integrado en un sistema que construye, ejecuta y despliega aplicaciones completas sin salir del navegador. La actualización de febrero de 2026 fue la mayor mejora de capacidades individual: un entorno de ejecución aislado (sandboxed runtime) que ejecuta aplicaciones generadas en vivo en el navegador (enrutamiento, diseños, formularios interactivos, no una vista previa estática), un panel de Git para la creación de ramas y pull requests desde la interfaz de chat sin necesidad de una terminal, un editor de archivos estilo VS Code para acceso directo al código junto al chat, y el cambio de créditos fijos a facturación basada en tokens.

Integraciones de bases de datos. Neon Postgres, Supabase y Upstash Redis se aprovisionan desde la barra lateral del proyecto con un solo clic. Al añadirse, la IA de v0 escribe automáticamente el esquema, las consultas y las rutas de la API contra el servicio aprovisionado. Los conectores de bases de datos de Snowflake y AWS se añadieron en febrero de 2026 para equipos empresariales que conectan almacenes de datos existentes. La importación de Figma (Premium y superior) convierte los frames en componentes de shadcn/ui, siendo fiable para diseños simples, pero menos para estructuras complejas de auto-layout. El despliegue en Vercel con un solo clic con dominios personalizados y gestión de variables de entorno completa el flujo de trabajo sin salir del navegador.

Dónde brilla v0 y dónde te perjudica silenciosamente

El flujo de trabajo ganador por excelencia es la eliminación de código repetitivo (boilerplate) para los desarrolladores de React/Next.js. v0 produce componentes de shadcn/ui genuinamente hermosos, atributos ARIA correctos, tipos de TypeScript y tokens de Tailwind en menos de 15 segundos a partir de un prompt. El equipo de ingeniería de Speakeasy utilizó este patrón para todo el trabajo de nuevos componentes: v0 para el andamiaje (scaffolding), Figma para la revisión de diseño y luego la integración en su base de código existente de Next.js.

"v0 crea componentes de React pulidos y responsivos. Lo uso para estructurar la interfaz de usuario y me ahorra horas."

, miembro de la comunidad r/nextjs, 2025

Los modos de fallo son estructurales. El muro de complejidad del backend: v0 genera un excelente código frontend pero escribe SQL puro sin migraciones ni herramientas ORM, omite detalles de implementación de autenticación y se rompe cuando se añaden integraciones de bases de datos del Marketplace a mitad de sesión. Añadir Next-Auth después de conectar una base de datos requirió tres rondas de iteración en nuestra prueba, manejable para un desarrollador que puede leer el código generado, invisible para cualquiera que no pueda. Segundo modo de fallo, el cambio de facturación de febrero de 2026:

"El precio se ha multiplicado efectivamente por diez de la noche a la mañana. El mes pasado, gestioné mi uso cómodamente con $20. Hoy, gasté $20 en un solo día."

. Foro de la comunidad de Vercel, "V0.dev Has Become Unusable and Unethical. Demanding a Refund," 2026

Un segundo usuario en el mismo hilo informó haber pagado "$5 para arreglar un '{'", con el modelo Max corrigiendo un error de sintaxis que el modelo estándar introdujo. El tercer modo de fallo es la falta de memoria de sesión: v0 no tiene memoria entre conversaciones, pierde el contexto arquitectónico entre sesiones y contradice decisiones previas cuando se le solicita en una nueva conversación.

Soporte de lenguajes y frameworks: un golpe de realidad

v0 es React y Next.js. Esta no es una limitación que puedas eludir, es una elección arquitectónica integrada en cada capa de la plataforma. El código generado utiliza React JSX, TypeScript, Tailwind CSS y primitivas de shadcn/ui. El objetivo de despliegue es Vercel. Los socios de integración de bases de datos son Neon, Supabase y Upstash, todas opciones canónicas recomendadas por Vercel para aplicaciones Next.js. Si tu proyecto es Vue, SvelteKit o Astro, o si estás desplegando en AWS o Railway, v0 no es tu herramienta. Puedes exportar el código generado y reconfigurar el despliegue manualmente, pero estarás trabajando en contra de la naturaleza del producto.

Dentro del stack de Next.js, v0 soporta toda la superficie moderna: App Router, Server Components, Client Components, manejadores de rutas, acciones de servidor y la capa de middleware. El modo agéntico maneja decisiones arquitectónicas de múltiples archivos de manera consistente. Donde el soporte del framework decae es en la rigurosidad de TypeScript: el código generado compila y se ejecuta, pero ocasionalmente produce tipos imprecisos o demasiado permisivos que necesitan revisión antes de fusionarse en una base de código con el modo estricto habilitado. El conocimiento de la versión de shadcn/ui es fiable, v0 genera contra la API de componentes actual y las rutas de importación correctas, pero si tu proyecto está en una versión anterior de shadcn, los componentes generados utilizarán APIs que podrían no existir aún en tu instalación.

Un flujo de trabajo real: usando v0 en una landing page SaaS de Next.js

El flujo de trabajo de generar y luego integrar es el modelo mental correcto para v0. Incorrecto: "usar v0 para construir toda mi aplicación de forma autónoma". Correcto: "usar v0 para eliminar el código repetitivo de cada componente y luego integrarlo en mi proyecto".

Inicia un nuevo proyecto en v0.app. Describe el componente que necesitas: "Construye un componente de lista de clientes con una tabla de datos, nombre, correo electrónico, total facturado, insignia de estado (activo/inactivo) y un menú de acciones". v0 genera lo siguiente utilizando primitivas de 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
                  
                
              
            
          
        ))}
      
    
  )
}

Este es un resultado representativo de v0: tipos de TypeScript correctos, etiqueta ARIA accesible sr-only, formato de moneda Intl.NumberFormat, integración de iconos de Lucide y tokens de Tailwind mapeados a la capa de variables CSS de shadcn. Se integra directamente en cualquier proyecto de Next.js + shadcn/ui sin modificaciones. Tiempo de generación: menos de 15 segundos en el plan Premium. Si el componente necesita conectividad a la base de datos, añade una integración de Neon o Supabase desde la barra lateral y v0 generará la capa de obtención de datos del lado del servidor contra el esquema aprovisionado. Usa el panel de Git para hacer commit del componente en una rama de características y abrir un pull request. La vista previa de despliegue aparece en el PR automáticamente desde Vercel. Este es el flujo de trabajo en su mejor momento: rápido, coherente y listo para revisar antes de fusionar.

Dónde tener cuidado: las sesiones de múltiples rondas acumulan costos. El modelo de facturación por tokens cobra tanto por la entrada como por la salida; las sesiones largas en el modelo Pro o Max consumen créditos a un ritmo que no es visible de antemano. Trata las sesiones como unidades discretas: genera, revisa, haz commit, cierra, en lugar de dejar la misma conversación abierta todo el día.

Seguridad, licencias y filtración de código

En julio de 2025, los investigadores de Okta Threat Intelligence documentaron que v0 estaba siendo utilizado como arma para el phishing. Los atacantes pidieron a v0 que generara clones exactos a nivel de píxel de las páginas de inicio de sesión de Okta, Microsoft 365 y billeteras de criptomonedas, y luego los alojaron en la propia infraestructura de Vercel para explotar la reputación de su dominio de confianza. Okta señaló que v0 "permite a los actores de amenazas emergentes producir rápidamente páginas de phishing engañosas y de alta calidad, aumentando la velocidad y escala de sus operaciones". Vercel bloqueó las páginas documentadas y anunció mecanismos de denuncia de abusos de terceros con Okta, pero el incidente reveló una brecha clara: la clonación de páginas de inicio de sesión no se detectó como un patrón de abuso.

En abril de 2026, Vercel reveló una brecha en la cadena de suministro: los atacantes comprometieron Context.ai, una herramienta de IA de terceros utilizada por un empleado de Vercel, obtuvieron acceso a su cuenta de Google Workspace y enumeraron variables de entorno no sensibles de los sistemas de Vercel. El perfil ShinyHunters puso a la venta los datos robados por $2 millones en BreachForums. Vercel confirmó (TechCrunch, 20 de abril de 2026) que las variables de entorno sensibles no mostraron evidencia de acceso y lanzó actualizaciones de seguridad de emergencia. La brecha afecta directamente a los desarrolladores que almacenan claves API y credenciales de bases de datos como variables de entorno en v0; rotar los secretos después de cualquier incidente confirmado de Vercel es prudente.

Sobre los datos de entrenamiento: el plan Free incluye la participación por defecto; Premium la excluye por defecto; Business impone la exclusión. El código generado pertenece al usuario.

v0 vs. Lovable vs. Bolt.new

Lovable es el competidor full-stack más directo de v0. Lovable genera una aplicación completa de React + Supabase a partir de un prompt, con autenticación, base de datos y despliegue incluidos por defecto, y otorga la propiedad total del código en GitHub con una ruta de salida limpia. v0 produce resultados de shadcn/ui de mayor calidad; Lovable produce una arquitectura backend más completa sin configuración del Marketplace. Para un no desarrollador que construye un MVP SaaS, Lovable requiere menos pasos manuales para obtener una aplicación funcional. Para un desarrollador que ya está en el ecosistema de Next.js y quiere generar componentes contra un stack existente, v0 es la opción más sólida.

Bolt.new de StackBlitz compite en velocidad y transparencia de facturación. Bolt se ejecuta en el navegador a través de WebContainers y muestra el código a medida que se genera, la mejor opción para los desarrolladores que quieren aprender mientras construyen. El precio medido por tokens de Bolt es más predecible para estimar el costo de la sesión por adelantado. La diferencia clave: Bolt requiere alojamiento externo, mientras que v0 se despliega en Vercel de forma nativa. Bolt soporta Vite, Astro y SvelteKit más allá de Next.js; v0 es solo para React/Next.js. Fuera del ecosistema de Vercel, Bolt gana en flexibilidad. Dentro de él, el despliegue nativo de v0 y la calidad de shadcn/ui son su ventaja.

Un hilo de la comunidad de Vercel que se mantuvo activo durante 2025 planteó una tercera comparación: "¿Por qué debería seguir pagando por Vercel cuando puedo usar Cursor un número ilimitado de veces por $20 al mes?". Cursor es un asistente IDE local, la comparación es imprecisa, pero la brecha de valor es real. Los $20/mes de Cursor proporcionan asistencia de código de IA efectivamente ilimitada en tu base de código existente. Los $20 de v0 proporcionan $20 en tokens que se consumen en sesiones complejas.

Precios para desarrolladores independientes, equipos y empresas

El cambio de facturación de v0 en febrero de 2026 a precios basados en tokens cambió drásticamente la economía. El costo de los tokens escala con el nivel del modelo y la complejidad del prompt. Las generaciones de componentes simples cuestan fracciones de centavo; las construcciones agénticas complejas de múltiples archivos en el modelo Pro o Max cuestan entre $1 y $5 por sesión. La queja principal: v0 no muestra una estimación de costos antes de que se ejecute una generación.

Free: $5/mes en créditos, 7 mensajes/día, modelo v0-1.5-md, un nivel de evaluación, no de trabajo. Premium ($20/mes): $20/mes en créditos, mensajes ilimitados, modelo v0-1.5-lg, importación de Figma, acceso a la API, exclusión de entrenamiento por defecto. Múltiples usuarios consumieron la asignación de $20 en tres días o menos después del cambio de febrero de 2026. Team ($30/usuario/mes): fondo de créditos compartido, $2/día en créditos de bonificación, facturación centralizada de Vercel. Business ($100/usuario/mes): impone la exclusión de datos de entrenamiento por defecto, la principal característica de gobernanza sobre Team. Enterprise (personalizado): SSO, SLAs, soporte dedicado, sin entrenamiento de modelos con datos del cliente.

El bloqueo (lock-in) de Vercel se aplica en todos los planes. El flujo de trabajo de Git a despliegue termina en el límite de Vercel. Los equipos en AWS, Railway o Render pueden exportar el código generado y desplegarlo de forma independiente, pero pierden el ciclo integrado que hace que v0 sea rápido.