v0

Qu’est-ce que v0 ?

v0 est une plateforme de développement d’applications full-stack basée sur l’IA, lancée par Vercel, qui permet de générer du code web fonctionnel à partir du langage naturel, d’captures d’écran, de maquettes ou de designs Figma. Initialement axée sur la génération d’interfaces React, elle s’est depuis étendue à la logique backend, aux bases de données, aux API externes, aux tests et au déploiement en production.

Les utilisateurs peuvent itérer entre la messagerie, l’éditeur de code et la prévisualisation en temps réel, et ils peuvent également connecter leur projet à GitHub pour poursuivre le développement local. v0 convient mieux aux applications Web modernes, notamment pour Next.js, React, Tailwind CSS et l’écosystème Vercel.

Fonction principale de v0

• Créer des pages de destination, des backends et des applications full-stack en chinois ou dans d’autres langues naturelles ;
• Restaurer une interface haute fidélité à partir d’captures d’écran, de schémas en ligne et de fichiers Figma ;
• Éditeur de code complet intégré, prévisualisation en temps réel et comparaison des versions ;
• En mode conception, il est possible de sélectionner directement les éléments et d’ajuster leur style et leur contenu ;
• Les agents peuvent rechercher sur le web, utiliser un navigateur, exécuter des commandes en terminal et corriger des erreurs ;
• Connexion aux bases de données, aux paiements, aux modèles d’IA, aux API externes et au Vercel Marketplace ;
• Prend en charge les serveurs MCP et la capacité d’extension des agents préinstallés ;
• L’intégration bidirectionnelle de GitHub permet d’importer des dépôts, de créer des branches et de soumettre des modifications ;
• Publier en un clic sur Vercel et configurer le nom de domaine, les variables d’environnement ainsi que le déploiement en prévisualisation ;
• Intégrez les capacités de génération dans les workflows grâce à l’API v0 et au SDK TypeScript.

Générer des applications réelles à partir de prompts

L’utilisateur peut décrire l’objectif de la page, les rôles des utilisateurs, le style visuel, la structure des données et les flux d’interaction ; v0 générera alors un fichier de projet et lancera une prévisualisation. Le résultat est du code editable, et non seulement un concept d’interface composé d’images.

Des règles métier claires et des critères d’acceptation sont généralement plus efficaces que des termes de style empilé. Les produits complexes doivent être décomposés en pages, modèles de données, permissions et processus clés pour être réalisés progressivement.

Captures d’écran, schémas en ligne et conversion Figma en code

v0 peut lire les références visuelles téléchargées et générer des layouts similaires, il peut également se connecter à Figma pour obtenir le contexte du design. Il est adapté à la création rapide de prototypes haute résolution, mais les polices, les points de rupture responsive, les animations complexes et les détails des systèmes de design nécessitent encore une calibration manuelle.

Édition visuelle en mode conception

Le mode Design permet de sélectionner des éléments dans une prévisualisation en temps réel, et d’ajuster la police, les couleurs, l’espacement, les bordures, les coins arrondis, les ombres et le texte. Il est également possible d’entrer des instructions en langage naturel sur la zone sélectionnée pour effectuer des modifications structurelles.

Après avoir cliqué sur « Appliquer », les modifications généreront une nouvelle version du code, permettant de voir les différences, de poursuivre l’itération ou de revenir en arrière. Ce mode n’est compatible qu’avec la dernière version en prévisualisation et la dernière version de la messagerie ; il ne prend pas en charge les conversations en lecture seule ni les vues mobiles.

Agents intelligents, navigateurs et terminaux

L’agent v0 peut rechercher des informations en temps réel, ouvrir des applications de développement, utiliser un navigateur et prendre des captures d’écran pour vérification, il peut également exécuter des tests et lire les journaux de déploiement. La correction automatique des erreurs continue de modifier le code en fonction des problèmes de dépendances, de syntaxe, d’importation et de temps de exécution.

Le terminal propose trois modes de droits : Ask, Auto et Full. Par défaut, Auto détermine s’il faut demander l’autorisation en se basant sur des règles. Pour les données de production ou les entrepôts sensibles, il convient de choisir Ask et de définir des règles claires pour autoriser, demander ou refuser.

Intégration des données full-stack et de tiers

v0 peut se connecter à Neon, Supabase, Upstash, Stripe, des modèles d’IA et d’autres services du Vercel Marketplace, et peut également appeler des API externes. Les variables d’environnement nécessaires à l’intégration seront ajoutées au projet Vercel correspondant ; la prévisualisation en développement ne peut accéder qu’aux variables d’environnement de développement.

La clé du serveur ne doit pas porter le préfixe NEXT_PUBLIC, sinon elle sera incluse dans le code du navigateur. Même en cas d’avertissement de la part du système, les développeurs doivent vérifier les permissions, les limites du serveur, la validation des entrées et les rappels de paiement.

Synchronisation bidirectionnelle GitHub

v0 peut être importé depuis un dépôt GitHub ou un dépôt peut être créé pour un nouveau projet, et les modifications sont sauvegardées sur une branche de travail. Une fois connecté, le dépôt GitHub devient la source officielle du code, et v0 ne conserve plus de copie indépendante du code.

Si la branche de base est également la branche de production de Vercel, la fusion peut déclencher automatiquement le déploiement en production. L’équipe doit utiliser la protection des branches, les déploiements en preview, les tests et l’approbation manuelle pour éviter que les modifications générées par l’IA ne soient mises directement en production.

Déploiement en un clic sur Vercel

Cliquez sur Publish pour créer ou mettre à jour un projet Vercel, et obtenir HTTPS, une distribution mondiale ainsi que des adresses de production. Les noms de domaine, les variables d’environnement, l’analyse, la protection du déploiement et les paramètres de fonctionnement avancés doivent être gérés ultérieurement dans le projet Vercel.

L’abonnement v0 est indépendant des forfaits d’hébergement Vercel ; l’achat de Vercel Pro n’augmente pas automatiquement la quantité allouée à v0. La bande passante, les fonctions, les bases de données et les services tiers après le déploiement de l’application peuvent également entraîner des frais supplémentaires.

Comparaison des capacités fondamentales v0

prix v0

v0 propose actuellement Free, Plus, Business et Enterprise ; les nouveaux utilisateurs ne peuvent plus acheter le Premium, qui est en cours de suppression. Le tableau suivant indique les prix mensuels officiels en dollars américains.

Les frais de hébergement sur Vercel, de nom de domaine, de base de données, de modèles et d’autres services externes ne sont pas inclus dans l’abonnement v0.

Points, tokens et durée de validité

Le solde de points est un crédit prépayé qui diminue à chaque génération en fonction des tokens d’entrée et de sortie traités par le modèle sélectionné. L’historique des conversations, les fichiers de projet et le contexte lié à Vercel peuvent également être pris en compte comme entrée, ce qui fait que les sessions longues et les projets volumineux entraînent une consommation plus élevée.

Premium, Plus et Business permettent d’acheter des points supplémentaires à tout moment, tandis qu’Enterprise nécessite de contacter le gestionnaire client. Le nombre de tokens pouvant être traités par point varie selon les modèles ; le tarif exact doit être consulté en temps réel dans le sélecteur de modèles et le panneau d’utilisation.

Guide d'utilisation de v0

Créer un site web à partir de zéro

1. Définissez d’abord les objectifs du site, le public cible, les pages et les actions de conversion principales ;
2. Préciser les couleurs de la marque, les polices, le style de référence et les exigences pour les appareils mobiles ;
3. Laissez v0 générer d’abord la structure de la page et un flux clé complet ;
4. Tester la navigation, les formulaires et le layout responsive page par page dans l’avant-première ;
5. Utiliser le mode Design pour ajuster les espacements, le texte et la hiérarchie visuelle ;
6. Il est nécessaire d’ajouter des informations sur l’accessibilité, les états d’erreur, les états de chargement et le SEO ;
7. Publier une version préliminaire pour examen par les personnes concernées, puis la mettre en production une fois confirmée.

Créer une application de base de données

1. Définir les tables de données, les champs, les rôles d’utilisateur et les droits de lecture/écriture ;
2. Se connecter aux bases de données nécessaires depuis le panneau d’intégration du projet ;
3. Mettre la clé du serveur dans une variable d’environnement protégée ;
4. v0 doit assurer l’authentification, la validation des entrées et l’autorisation du serveur ;
5. Utiliser des données de test pour valider l’ajout, la consultation, la mise à jour et la suppression ;
6. Vérifier les accès non autorisés, les soumissions répétées, le rollback en cas d’erreur et les journaux ;
7. Configurer séparément les environnements de développement et de production, puis procéder au déploiement.

Collaborer avec l’équipe GitHub

1. Installez l’application GitHub de Vercel et autorisez uniquement les répertoires nécessaires ;
2. Importer dans le dépôt à v0 pour que le système crée une branche de travail indépendante ;
3. Expliquons d’abord les normes de codage, les commandes de test et les zones interdites de modification ;
4. Diviser les fonctions en plus de parties, afin que chaque génération ne traite qu’un seul objectif ;
5. Voir les différences, les résultats des tests et la prévisualisation du déploiement ;
6. Créer une demande de pull et faire examiner manuellement la sécurité ainsi que la logique métier ;
7. Observer le déploiement en production et la surveillance grâce à la fusion de branches protégées.

À quels utilisateurs convient v0 ?

• Chef de produit : Créer rapidement des prototypes interactifs et valider les processus ;
• Concepteur : Transformer Figma, les captures d’écran et les maquettes en interfaces réelles ;
• Développeur frontend : création de composants, de pages et de layouts réactifs ;
• Ingénieur full-stack : mise en place de bases de données, d’authentification, d’API et de logique backend ;
• Entrepreneur : passer rapidement d’une idée à un produit minimal démontrable ;
• Équipe marketing : création de pages d’événements, calculateurs et outils de génération de leads ;
• Équipe des données : création de tableaux de bord, visualisations et applications de données.

Les avantages de v0

• Du langage naturel au code réel, le processus de prévisualisation et de déploiement est complet ;
• Soutien approfondi à l’écosystème Next.js, React et Vercel ;
• La génération visuelle et le mode Design permettent à la fois une mise en place rapide et des ajustements précis ;
• Les agents peuvent utiliser des pages web, des navigateurs, des terminaux et des outils externes ;
• Peut se connecter à des bases de données, des systèmes de paiement, des modèles d’IA et des services MCP ;
• La synchronisation bidirectionnelle de GitHub facilite l’intégration dans des processus de développement professionnels ;
• Fournit une API et un SDK TypeScript open source pour une intégration automatisée.

Restrictions d'utilisation et précautions

• Les résultats générés peuvent être visuellement similaires, mais ne correspondent pas entièrement aux spécifications de conception ;
• La logique des opérations complexes, des droits d’accès, des paiements et de la concurrence doit encore être examinée par les ingénieurs ;
• Les conversations longues et les grands contextes de code augmentent la consommation de points ;
• L’abonnement v0 ne comprend pas tous les frais de hébergement sur Vercel ni ceux des services tiers.
• Lorsque la branche de base de GitHub est identique à la branche de production, la fusion peut être déployée directement ;
• Les droits terminaux complets permettent d’exécuter des commandes non confirmées, ce qui n’est pas adapté aux projets sensibles.
• Il n’est pas possible de choisir de ne pas participer à l’entraînement du modèle au niveau du forfait pour les contenus Free et Plus.
• Le produit est plus orienté vers la stack web moderne, et n’est pas un outil de développement spécifiquement conçu pour les applications mobiles ou desktop natives.

Confidentialité, sécurité et propriété du code

v0 exécute du code généré dans un sandbox isolé et effectue une analyse de sécurité du code ; les fonctions serveur déployées s’exécutent également dans un environnement isolé de Vercel.

La plateforme est incluse dans le cadre de l’audit SOC 2 Type 2 de Vercel et offre des variables d’environnement, des permissions partagées ainsi qu’un historique des versions.

Selon les informations officielles, Vercel utilise des ensembles de données publics et privés pour fournir la version v0. Actuellement, les fonctionnalités Business et Enterprise ne sont pas utilisées pour l’entraînement des données ; Free et Plus ne proposent pas d’option d’abonnement annulable. Avant d’entrer du code source client, des secrets commerciaux ou des données personnelles, il convient de choisir la solution appropriée en fonction des exigences contractuelles et de la protection de la vie privée.

• La clé n’est placée que dans les variables d’environnement du serveur, et n’est pas écrite dans les prompts ou le dépôt de code ;
• Ne pas ajouter le préfixe NEXT_PUBLIC aux variables sensibles ;
• Utiliser des comptes de base de données avec les minimums de privilèges et des tokens de services externes à court terme ;
• Activer la protection des branches, l’examen et les vérifications d’état pour GitHub ;
• Effectuer des tests de sécurité manuels sur les codes d’authentification, d’autorisation et de paiement générés par l’IA ;
• Les entreprises peuvent renforcer la gouvernance grâce au RBAC, au SSO, à l’audit et aux espaces de travail privés.

API, GitHub et explications sur le logiciel open source

v0 fournit une API officielle et le TypeScript v0-sdk, permettant de créer des chats, de gérer des projets, d’envoyer des messages, de recevoir les résultats en flux continu et de déclencher des déploiements. L’API convient aux constructeurs internes, aux processus CI et aux outils de développement personnalisés ; les coûts d’utilisation et les permissions sont déterminés selon la console.

La plateforme d’hébergement v0 et le modèle de génération principal ne sont pas des projets open source, mais le SDK officiel v0 est disponible publiquement sur GitHub. Les utilisateurs peuvent exporter le code qu’ils ont généré et le modifier localement ; les droits spécifiques concernant ce code doivent cependant respecter les conditions d’utilisation, les licences des dépendances tierces et les autorisations relatives aux matériaux d’entrée.

Questions fréquentes

v0 peut-il être utilisé gratuitement ?

Oui, Free inclut 5 dollars équivalents en points par mois, avec une limite de 7 messages par jour. Ce forfait convient pour faire des essais et créer de petits prototypes ; les applications complexes nécessitent généralement un abonnement payant.

Combien coûtent v0 Plus et Business ?

Plus coûte 30 dollars par utilisateur et par mois, Business 100 dollars ; les deux offres incluent 30 dollars d’équivalent en points pour chaque membre par mois. Business s’adresse en plus aux équipes qui accordent de l’importance à la confidentialité des données.

v0 peut-il développer un backend complet ?

Il est possible de générer de la logique serveur, des accès à la base de données, de l’authentification, des API et des intégrations externes, puis de les déployer sur Vercel. Les permissions de niveau production, la migration des données, la surveillance et la sécurité restent à la charge de professionnels.

Le code généré par v0 peut-il être exporté ?

Oui, on peut modifier le code dans l’éditeur intégré, ou continuer à le développer localement après une synchronisation bidirectionnelle via GitHub. Une fois le répertoire connecté, GitHub devient la source officielle du code.

v0 est-il open source ?

La plateforme v0 et les modèles de génération ne sont pas des produits open source ; le SDK officiel TypeScript a cependant son code source rendu public. Les frameworks et dépendances utilisés dans les projets créés par les utilisateurs respectent chacun leur propre licence open source correspondante.