v0 by Vercel

Nous avons donné à v0 un seul prompt : "Crée un tableau de bord SaaS pour un suivi de factures freelance, avec clients, factures détaillées, flux de statuts de brouillon à payé, et un graphique de revenus." v0 a renvoyé une sandbox Next.js fonctionnelle en moins de deux minutes : navigation latérale, DataTable shadcn/ui, vue détaillée de facture modifiable, graphique de revenus Recharts. Une interface utilisateur de qualité production en quelques secondes. Ensuite, nous avons ajouté Next-Auth. Le formulaire de création de facture s'est cassé, le jeton de session n'était pas transmis à la route API. Trois correctifs successifs ; le troisième a fonctionné. Temps total : 47 minutes du premier prompt à une application fonctionnelle, authentifiée et adossée à une base de données. Voilà ce qu'est v0 en avril 2026 : rapide pour les développeurs maîtrisant React capables de lire et de déboguer le code généré ; un exercice de validation des compétences pour tous les autres.

v0 a été lancé en version bêta privée en septembre 2023 en tant que "système d'interface utilisateur génératif", attirant 100 000 inscriptions sur liste d'attente en trois semaines. Vercel avait embauché shadcn en juillet 2023 pour co-construire v0, et ce partenariat est structurel : chaque composant sur ui.shadcn.com comporte un bouton "Open in v0", et chaque génération utilise par défaut les primitives shadcn. En mars 2026, six millions de développeurs utilisaient la plateforme. La refonte de février 2026 (runtime en sandbox, panneau Git, éditeur de type VS Code, facturation par jetons) l'a transformé d'un simple générateur de composants en un environnement agentique full-stack.

Ce que v0 peut réellement livrer en avril 2026

v0 est désormais un environnement full-stack agentique basé sur le navigateur, le générateur de composants étant intégré à un système qui construit, exécute et déploie des applications complètes sans quitter le navigateur. La refonte de février 2026 a été la plus importante mise à jour de ses capacités : un runtime en sandbox qui exécute les applications générées en direct dans le navigateur (routage, mises en page, formulaires interactifs, et non un simple aperçu statique), un panneau Git pour la création de branches et de pull requests depuis l'interface de chat sans terminal, un éditeur de fichiers de type VS Code pour un accès direct au code à côté du chat, et le passage de crédits fixes à une facturation par jetons.

Intégrations de bases de données. Neon Postgres, Supabase et Upstash Redis sont provisionnés depuis la barre latérale du projet en un clic. Une fois ajoutés, l'IA de v0 écrit automatiquement le schéma, les requêtes et les routes API pour le service provisionné. Les connecteurs de bases de données Snowflake et AWS ont été ajoutés en février 2026 pour les équipes d'entreprise connectant des entrepôts de données existants. L'importation Figma (Premium et supérieur) convertit les frames en composants shadcn/ui, fiable pour les mises en page simples, un peu moins pour les structures auto-layout complexes. Le déploiement Vercel en un clic avec domaines personnalisés et gestion des variables d'environnement complète le flux de travail sans quitter le navigateur.

Là où v0 excelle, et là où il vous pénalise silencieusement

Le flux de travail gagnant par excellence est l'élimination du code boilerplate pour les développeurs React/Next.js. v0 produit des composants shadcn/ui véritablement magnifiques, avec des attributs ARIA corrects, des types TypeScript et des tokens Tailwind, en moins de 15 seconds à partir d'un prompt. L'équipe d'ingénierie de Speakeasy a utilisé ce modèle pour tout nouveau travail sur les composants : v0 pour le scaffolding, Figma pour la révision du design, puis l'intégration dans leur base de code Next.js existante.

"v0 crée des composants React soignés et responsives. Je l'utilise pour concevoir l'interface utilisateur et cela me fait gagner des heures."

, membre de la communauté r/nextjs, 2025

Les modes de défaillance sont structurels. Le mur de la complexité backend : v0 génère un excellent code frontend mais écrit du SQL brut sans migrations ni outils ORM, ignore les détails d'implémentation de l'authentification, et se casse lorsque des intégrations de bases de données de la Marketplace sont ajoutées en cours de session. L'ajout de Next-Auth après la connexion d'une base de données a nécessité trois cycles d'itération lors de notre test, gérable pour un développeur capable de lire le code généré, mais invisible pour quiconque ne le peut pas. Deuxième mode de défaillance, le changement de facturation de février 2026 :

"Le prix a été effectivement multiplié par dix du jour au lendemain. Le mois dernier, je gérais mon utilisation confortablement avec $20. Aujourd'hui, j'ai dépensé $20 en une seule journée."

. Forum de la communauté Vercel, "V0.dev Has Become Unusable and Unethical. Demanding a Refund," 2026

Un deuxième utilisateur dans le même fil de discussion a signalé avoir payé "$5 pour corriger une '{'", le modèle Max corrigeant une erreur de syntaxe introduite par le modèle standard. Le troisième mode de défaillance est l'absence de mémoire de session : v0 n'a aucune mémoire d'une conversation à l'autre, perd le contexte architectural entre les sessions, et contredit les décisions antérieures lorsqu'il est sollicité dans une nouvelle conversation.

Prise en charge des langages et frameworks : le retour à la réalité

v0, c'est React et Next.js. Ce n'est pas une limitation que vous pouvez contourner, c'est un choix architectural intégré à chaque couche de la plateforme. Le code généré utilise React JSX, TypeScript, Tailwind CSS et les primitives shadcn/ui. La cible de déploiement est Vercel. Les partenaires d'intégration de bases de données sont Neon, Supabase et Upstash, tous des choix canoniques recommandés par Vercel pour les applications Next.js. Si votre projet est sous Vue, SvelteKit ou Astro, ou si vous déployez sur AWS ou Railway, v0 n'est pas l'outil qu'il vous faut. Vous pouvez exporter le code généré et reconfigurer le déploiement manuellement, mais vous irez à l'encontre de la nature même du produit.

Au sein de la stack Next.js, v0 prend en charge toute la surface moderne : App Router, Server Components, Client Components, gestionnaires de routes, actions serveur et la couche middleware. Le mode agentique gère les décisions architecturales multi-fichiers de manière cohérente. Là où la prise en charge du framework se dégrade, c'est dans la rigueur de TypeScript : le code généré compile et s'exécute, mais produit parfois des types imprécis ou trop permissifs qui nécessitent une révision avant d'être fusionnés dans une base de code avec le mode strict activé. La prise en compte des versions de shadcn/ui est fiable, v0 génère en fonction de l'API de composant actuelle et des chemins d'importation corrects, mais si votre projet utilise une ancienne version de shadcn, les composants générés utiliseront des API qui n'existent peut-être pas encore dans votre installation.

Un flux de travail réel : utiliser v0 sur une landing page SaaS Next.js

Le flux de travail "générer puis intégrer" est le bon modèle mental pour v0. Pas : "utiliser v0 pour construire toute mon application de manière autonome." Mais plutôt : "utiliser v0 pour éliminer le boilerplate de chaque composant, puis l'intégrer dans mon projet."

Démarrez un nouveau projet dans v0.app. Décrivez le composant dont vous avez besoin : "Crée un composant de liste de clients avec un tableau de données, nom, e-mail, total facturé, badge de statut (actif/inactif) et un menu d'actions." v0 génère ce qui suit en utilisant les primitives 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
                  
                
              
            
          
        ))}
      
    
  )
}

Ceci est représentatif de la sortie de v0 : types TypeScript corrects, étiquette ARIA sr-only accessible, formatage de devise Intl.NumberFormat, intégration d'icônes Lucide et tokens Tailwind mappés sur la couche de variables CSS de shadcn. Il s'intègre directement dans n'importe quel projet Next.js + shadcn/ui sans modification. Temps de génération : moins de 15 seconds sur le forfait Premium. Si le composant nécessite une connectivité à une base de données, ajoutez une intégration Neon ou Supabase depuis la barre latérale et v0 générera la couche de récupération de données côté serveur en fonction du schéma provisionné. Utilisez le panneau Git pour commiter le composant sur une branche de fonctionnalité et ouvrir une pull request. L'aperçu du déploiement apparaît automatiquement dans la PR depuis Vercel. C'est le flux de travail à son apogée : rapide, cohérent et prêt à être révisé avant la fusion.

Là où il faut rester prudent : les sessions à plusieurs itérations accumulent les coûts. Le modèle de facturation par jetons facture à la fois les entrées et les sorties ; les longues sessions sur le modèle Pro ou Max consument les crédits à des rythmes qui ne sont pas visibles à l'avance. Traitez les sessions comme des unités distinctes : générez, révisez, commitez, fermez, plutôt que de laisser la même conversation ouverte toute la journée.

Sécurité, licences et fuite de code

En juillet 2025, les chercheurs d'Okta Threat Intelligence ont documenté l'utilisation de v0 à des fins de phishing. Les attaquants ont demandé à v0 de générer des clones au pixel près des pages de connexion d'Okta, de Microsoft 365 et de portefeuilles de cryptomonnaies, puis les ont hébergés sur la propre infrastructure de Vercel pour exploiter la réputation de son domaine de confiance. Okta a noté que v0 "permet aux acteurs de menaces émergents de produire rapidement des pages de phishing trompeuses de haute qualité, augmentant ainsi la vitesse et l'ampleur de leurs opérations." Vercel a bloqué les pages documentées et a annoncé des mécanismes de signalement d'abus par des tiers avec Okta, mais l'incident a révélé une lacune évidente : le clonage de pages de connexion n'a pas été détecté comme un modèle d'abus.

En avril 2026, Vercel a révélé une faille dans la chaîne d'approvisionnement : des attaquants ont compromis Context.ai, un outil d'IA tiers utilisé par un employé de Vercel, ont accédé à son compte Google Workspace et ont énuméré des variables d'environnement non sensibles à partir des systèmes de Vercel. Le groupe ShinyHunters a mis en vente les données volées pour $2 million sur BreachForums. Vercel a confirmé (TechCrunch, 20 avril 2026) que les variables d'environnement sensibles ne montraient aucune preuve d'accès et a déployé des mises à jour de sécurité d'urgence. La faille affecte directement les développeurs qui stockent des clés API et des identifiants de base de données en tant que variables d'environnement v0 ; la rotation des secrets après tout incident confirmé chez Vercel est prudente.

Concernant les données d'entraînement : le forfait Free inclut l'opt-in par défaut ; Premium inclut l'opt-out par défaut ; Business impose l'opt-out. Le code généré appartient à l'utilisateur.

v0 vs. Lovable vs. Bolt.new

Lovable est le concurrent full-stack le plus direct de v0. Lovable génère une application React + Supabase complète à partir d'un prompt, avec authentification, base de données et déploiement inclus par défaut, et offre la pleine propriété du code sur GitHub avec une voie de sortie propre. v0 produit un rendu shadcn/ui de meilleure qualité ; Lovable produit une architecture backend plus complète sans configuration Marketplace. Pour un non-développeur construisant un MVP SaaS, Lovable nécessite moins d'étapes manuelles pour obtenir une application fonctionnelle. Pour un développeur déjà dans l'écosystème Next.js qui souhaite générer des composants pour une stack existante, v0 est le choix le plus pertinent.

Bolt.new par StackBlitz rivalise sur la vitesse et la transparence de la facturation. Bolt s'exécute dans le navigateur via WebContainers et affiche le code au fur et à mesure de sa génération, la meilleure option pour les développeurs qui souhaitent apprendre tout en construisant. La tarification au jeton de Bolt est plus prévisible pour estimer le coût de la session à l'avance. La différence clé : Bolt nécessite un hébergement externe tandis que v0 se déploie nativement sur Vercel. Bolt prend en charge Vite, Astro et SvelteKit au-delà de Next.js ; v0 est exclusivement React/Next.js. En dehors de l'écosystème Vercel, Bolt l'emporte sur la flexibilité. À l'intérieur, le déploiement natif de v0 et la qualité de shadcn/ui font la différence.

Un fil de discussion de la communauté Vercel tout au long de 2025 a soulevé une troisième comparaison : "Pourquoi devrais-je continuer à payer pour Vercel alors que je peux utiliser Cursor un nombre illimité de fois pour $20 par mois ?" Cursor est un assistant IDE local, la comparaison est imprécise, mais l'écart de valeur est réel. Les $20/mois de Cursor offrent une assistance au code par IA effectivement illimitée dans votre base de code existante. Les $20 de v0 fournissent $20 en jetons qui se consument lors de sessions complexes.

Tarification pour les développeurs solos, les équipes et les entreprises

Le passage de v0 à une facturation par jetons en février 2026 a radicalement changé la donne économique. Le coût des jetons évolue en fonction du niveau du modèle et de la complexité du prompt. Les générations de composants simples coûtent des fractions de centime ; les constructions agentiques complexes multi-fichiers sur le modèle Pro ou Max reviennent entre $1 et $5 par session. Le principal reproche : v0 n'affiche pas d'estimation de coût avant de lancer une génération.

Free : $5/mois en crédits, 7 messages/jour, modèle v0-1.5-md, un niveau d'évaluation, pas un niveau de travail. Premium ($20/mois) : $20/mois en crédits, messages illimités, modèle v0-1.5-lg, importation Figma, accès API, opt-out de l'entraînement par défaut. De nombreux utilisateurs ont épuisé l'allocation de $20 en trois jours ou moins après le changement de février 2026. Team ($30/utilisateur/mois) : pool de crédits partagé, $2/jour de crédits bonus, facturation Vercel centralisée. Business ($100/utilisateur/mois) : impose l'opt-out des données d'entraînement par défaut, la principale fonctionnalité de gouvernance par rapport à Team. Enterprise (sur mesure) : SSO, SLA, support dédié, aucun entraînement de modèle sur les données clients.

L'enfermement propriétaire (lock-in) de Vercel s'applique à tous les forfaits. Le flux de travail Git-to-deploy s'arrête aux frontières de Vercel. Les équipes sur AWS, Railway ou Render peuvent exporter le code généré et le déployer indépendamment, mais perdent la boucle intégrée qui fait la rapidité de v0.