Maîtriser Bolt.new : le guide complet pour coder une app complète depuis le navigateur

Sur Reddit comme sur Trustpilot, les témoignages se ressemblent : des millions de tokens partis en quelques jours, souvent pour corriger un seul bug. Bolt.new reste pourtant l’outil préféré d’une bonne partie de la communauté technique, parce qu’il ouvre des possibilités que ses concurrents n’offrent pas. Toute la différence entre ces deux expériences tient à la compréhension de sa mécanique.

Bolt.new est une plateforme de vibe coding qui transforme des descriptions en langage naturel en applications web complètes, directement dans le navigateur. Derrière l’interface, la technologie des WebContainers de StackBlitz fait tourner un vrai environnement Node.js dans votre onglet. Le terminal, le serveur de développement et l’installation de packages fonctionnent côté client, sans serveur distant ni machine virtuelle à configurer. Bolt y gagne une grande rapidité, mais il demande plus de connaissances techniques que ses concurrents. Ce guide couvre ce qu’il faut savoir pour en tirer le meilleur.

Ce qui rend Bolt.new techniquement unique

La plupart des builders IA génèrent du code et vous montrent un aperçu. Bolt va plus loin grâce aux WebContainers, une technologie annoncée par StackBlitz en mai 2021. Votre onglet devient un environnement de développement complet, avec un système de fichiers, un serveur Node.js, le gestionnaire de paquets npm, un terminal et une console. L’agent IA contrôle tout cet environnement : il exécute des commandes, installe des dépendances et lance le serveur de développement.

Trois conséquences en découlent. D’abord, Bolt accepte tous les frameworks JavaScript front-end, comme React, Vue, Next.js, Astro ou Svelte, avec Node.js pour le back-end. Vous choisissez votre stack. Ensuite, vous pouvez installer n’importe quel package npm en cours de conversation : demandez « ajoute Framer Motion pour les animations », et Bolt lance l’installation lui-même. Enfin, l’éditeur de code intégré repose sur Monaco, le moteur de Visual Studio Code, ce qui permet une édition manuelle précise quand l’IA ne fait pas exactement ce que vous voulez. Python, PHP et les autres langages serveur ne sont pas pris en charge.

Des agents à la place du choix de modèle

Bolt s’est longtemps appuyé sur les modèles Claude d’Anthropic, que l’on choisissait par leur nom. Depuis mai 2026, vous choisissez plutôt un agent, et Bolt sélectionne le modèle en coulisses. L’agent Standard équilibre qualité et consommation de tokens, et c’est le seul disponible en offre gratuite. Réservé aux offres payantes, l’agent Max pousse le raisonnement au maximum pour les architectures complexes. Depuis septembre 2026, Bolt Forge s’y ajoute en aperçu : cet agent utilise des modèles open source comme GLM et offre aux abonnés Pro un volume d’usage bien plus large sans surcoût.

Ce que Bolt peut faire que Lovable ne fait pas

Si vous avez testé Lovable, Bolt vous paraîtra différent dès les premières minutes. Plusieurs fonctions le distinguent.

• Vous choisissez le framework. Votre projet peut tourner sur React, Next.js, Vue, Astro ou Svelte, alors que Lovable impose React et TypeScript.
• Bolt crée des applications mobiles natives avec Expo. Il génère une vraie application React Native pour iOS et Android, au-delà du simple site adapté au mobile. Vous demandez par exemple « crée une app mobile de suivi d’habitudes », et Bolt prépare le projet Expo avec sa navigation. Il suffit ensuite de scanner un QR code avec Expo Go pour tester l’app sur votre téléphone.
• Vous disposez d’un vrai terminal. Il suffit de demander à Bolt d’installer une bibliothèque précise ou de lancer une commande, comme sur votre propre machine.
• Bolt importe vos maquettes. Une frame Figma devient du code grâce à l’intégration avec Anima, et Bolt importe aussi les écrans conçus dans Google Stitch. Depuis janvier 2026, vous pouvez même déposer une frame Figma directement dans le chat pour mettre à jour un composant.
• Une version open source existe. Le projet bolt.diy, maintenu par la communauté, fait tourner Bolt sur votre propre machine avec le fournisseur de modèles de votre choix. Son dépôt en annonce plus de dix-neuf, dont OpenAI, Anthropic, Mistral, DeepSeek et des modèles locaux via Ollama.
• Vous exportez tout le code. Le projet se télécharge en ZIP ou se synchronise avec GitHub à tout moment, quelle que soit votre offre.

Bolt importe même les projets créés sur Lovable. Il se montre en contrepartie plus exigeant : il expose le code, le système de fichiers et les erreurs techniques. Un non-développeur sera plus à l’aise sur Lovable, tandis qu’un profil technique, même modeste, trouvera chez Bolt une liberté qu’il n’aura pas ailleurs.

Comprendre le système de tokens

Ce point mérite le plus d’attention. Bolt fonctionne avec des tokens, et cette unité structure toute votre consommation.

Un token est une petite unité de texte que l’IA utilise pour lire votre message et rédiger sa réponse. Le piège tient au fait que l’essentiel de la consommation vient de la synchronisation du projet avec le modèle, bien plus que de vos prompts. À chaque message, Bolt renvoie une partie de votre code à l’IA pour qu’elle garde le contexte. Plus votre projet grossit, plus chaque échange coûte cher.

Une landing page de cinq fichiers consomme peu. Un projet de cinquante fichiers, avec authentification, base de données et nombreux composants, peut en revanche engloutir plusieurs centaines de milliers de tokens à chaque demande complexe. Voilà pourquoi les utilisateurs qui travaillent sur de gros projets voient leur forfait fondre en quelques jours.

Le Plan Mode, votre meilleur économiseur de tokens

Avant de lancer une génération de code, activez le Plan Mode avec le bouton « Plan », en bas à droite du chat. Le bouton passe alors au bleu, et Bolt cesse d’écrire du code. Il discute avec vous, pose des questions, compare des bibliothèques et vous propose un plan en tenant compte de votre projet, de sa documentation et de recherches sur le web. Un nouveau clic vous ramène au mode Build. Depuis août 2026, le Plan Mode remplace l’ancien Discussion Mode.

Le premier avantage porte sur le coût : selon la documentation de Bolt, le Plan Mode consomme moins de tokens que le mode Build, sans toutefois donner de chiffre. Une conversation de planification reste bien moins chère qu’une génération partie dans la mauvaise direction. Vous alignez aussi votre vision avec celle de Bolt avant de vous engager. S’il a mal compris un point, vous le recadrez avant qu’il ne touche au code.

Bolt recommande de passer par le Plan Mode avant toute décision structurante : démarrage de projet, ajout d’une fonctionnalité majeure, refonte importante ou correction d’un bug complexe. Le réflexe est simple, et il réduit nettement la consommation.

Le prompt qui fonctionne avec Bolt

Bolt prend votre premier prompt très au sérieux et part vite en génération. La qualité du résultat dépend donc beaucoup de la précision de votre demande initiale. Cette structure a fait ses preuves.

# Structure pour un premier prompt Bolt
Build me a [TYPE D'APP] using [FRAMEWORK SPÉCIFIQUE].

Features:
- [Feature 1 avec détails précis]
- [Feature 2]
- [Feature 3]

Tech stack: [React / Vue / Next.js / Astro], [Tailwind CSS /
CSS Modules], [Bolt Database / Supabase / localStorage].

Design: [description du style visuel avec références concrètes
si possible, ou lien Figma].

Focus: keep it modular with clear separation between
[section A] and [section B].

Trois points méritent une attention particulière. Commencez par nommer votre framework : si vous voulez Next.js, dites-le, sinon Bolt choisit pour vous. Précisez ensuite votre stack technique, comme Tailwind, shadcn/ui ou une bibliothèque particulière, car plus vous êtes explicite, moins Bolt invente. Demandez enfin un découpage modulaire dès le départ, c’est la meilleure prévention contre l’explosion des tokens.

Cinq règles de prompting recommandées par l’équipe Bolt

La documentation officielle de Bolt consacre une section entière au prompting. Voici les conseils les plus utiles.

• Soignez le prompt d’ouverture. Les fondations comptent plus que les retouches. N’hésitez pas à en écrire plusieurs versions et à garder la meilleure.
• Découpez vos demandes. Un prompt trop chargé noie le modèle. Construisez composant par composant, stylisez par petites touches et vérifiez chaque résultat avant de continuer.
• Ciblez les fichiers. Écrivez « modifie le composant LoginForm » plutôt que « améliore le formulaire ». Vous orientez ainsi l’IA vers la bonne zone et consommez moins de tokens.
• Utilisez l’amélioration de prompt. La fonction « Enhance prompt », accessible par le bouton +, reformule une demande vague. Depuis mai 2026, elle pose aussi des questions pour préciser votre besoin.
• Séparez le contenu de la structure. Demandez d’abord la structure, puis le style, puis le contenu, chaque couche dans un prompt dédié.

Connecter un backend et des services externes

Bolt propose des intégrations directes qui couvrent l’essentiel des besoins d’une application moderne.

Au-delà de ces intégrations, Bolt accepte depuis début 2026 les serveurs MCP (Model Context Protocol), qui le connectent à des outils comme Notion, Linear, Slack ou vos propres API. Activez-les toutefois seulement quand vous en avez besoin, car chaque connecteur allumé alourdit le contexte envoyé à chaque message.

Bolt Cloud ou Supabase externe

Depuis Bolt v2, sorti le 2 octobre 2025, Bolt propose son propre backend, Bolt Cloud. La base de données y est illimitée sur l’offre Pro, avec l’authentification, le stockage de fichiers, les secrets, l’envoi d’emails, les fonctions serveur et l’hébergement sur un sous-domaine bolt.host. Cette solution permet de démarrer vite, sans créer de compte ailleurs.

Pour un projet sérieux, nous recommandons plutôt de connecter un Supabase externe, proposé sur les offres Pro et Teams. Votre infrastructure reste alors indépendante de Bolt : si vous quittez la plateforme, votre backend demeure. Supabase offre aussi plus de contrôle sur les règles de sécurité, et n’importe quel développeur pourra reprendre votre projet sans connaître Bolt Cloud.

Le piège le plus coûteux : les boucles d’erreurs

Vous ajoutez une fonctionnalité, et Bolt produit une erreur. Quand vous lui demandez de corriger, il introduit un autre bug. Une nouvelle demande aggrave encore la situation. Or la documentation de Bolt le précise : chaque tentative de correction consomme des tokens. Les forums regorgent de récits de forfaits entiers engloutis par un seul bug d’authentification.

Le bon réflexe consiste à ne pas cliquer trois fois sur « Attempt fix ». Si la correction automatique échoue deux fois, arrêtez d’insister. Passez en Plan Mode, collez l’erreur et demandez une analyse étape par étape. Une fois la cause comprise, rédigez un prompt précis qui la traite. Cinq minutes de réflexion évitent souvent une heure de spirale.

Bolt conseille une autre technique : quand vous êtes bloqué, demandez-lui d’ajouter des logs détaillés dans la zone qui pose problème. L’IA insère volontiers des messages de suivi entre les fonctions et aux points clés. Les logs qui s’affichent ensuite lui donnent des informations précises pour diagnostiquer correctement à l’essai suivant.

Les autres pièges classiques

• Un prompt vague coûte cher sur un gros projet. Sur cinq fichiers, un prompt flou gaspille peu. Avec cinquante fichiers, il peut coûter des centaines de milliers de tokens pour rien. Restez précis, surtout quand votre projet grossit.
• L’historique de conversation enfle. Plus la conversation s’allonge, plus chaque message embarque de contexte. La commande /clear repart sur un historique vierge en gardant le code. Les règles durables de votre projet trouvent leur place dans la « project knowledge » ou dans un fichier agents.md, que Bolt relit sans que vous ayez à les répéter.
• Publier par prompt consomme des tokens. Pour mettre votre app en ligne, cliquez sur le bouton Publish, qui ne consomme aucun token, alors qu’une demande de publication par prompt en consomme. Les boutons dédiés, comme le retour à une version précédente ou l’export, fonctionnent sans tokens.
• Certains connecteurs MCP restent allumés en permanence. Chaque serveur MCP actif ajoute du contexte à vos messages. Désactivez ceux dont vous ne vous servez pas.
• Beaucoup négligent l’amélioration de prompt. Quand votre formulation reste hésitante, « Enhance prompt » vous évite une génération à côté de la plaque.

Tarifs et quel plan choisir

Bolt propose quatre offres sur sa page tarifs, toutes fondées sur une allocation mensuelle de tokens.

Le paiement annuel fait économiser jusqu’à 28 % selon la page tarifs, qui n’affiche toutefois pas le prix annuel. Les sources divergent sur ce point. Le billet de lancement de Bolt Forge présente le Pro à 25 dollars par mois en facturation annuelle, quand la page tarifs affiche ce même montant au mois. Une offre Lite à 9 dollars par mois, limitée à Forge, est en préparation sur liste d’attente.

Le report des tokens mérite d’être connu. Sur une offre payante, les tokens inutilisés restent valables un mois de plus, soit deux mois au total, à condition de garder un abonnement actif. Les tokens achetés en recharge n’expirent pas, tandis que ceux de l’offre gratuite ne se reportent jamais. La tarification Teams demande de l’attention : Bolt facture chaque membre, et chacun dispose de ses propres tokens. Une équipe de cinq personnes paie donc 150 dollars par mois.

Pour commencer, faites deux ou trois prototypes avec l’offre gratuite afin de mesurer votre rythme de consommation. Passez ensuite au Pro dès que vous attaquez un vrai projet. L’offre reste confortable pour un indépendant tant que ses projets restent modulaires. Si vous touchez régulièrement les limites, découpez plutôt votre application en plusieurs projets avant de monter en gamme.

Sécurité, données et conformité

Bolt a fait de gros progrès sur ce terrain. Son centre de confiance affiche désormais la conformité SOC 2 Type 2 et RGPD. Pour les secteurs régulés, comme la santé ou l’administration américaine, Bolt propose de déployer la plateforme dans le cloud du client, sur AWS ou Azure. Depuis mai 2026, un partenariat avec Microsoft permet aux entreprises de déployer Bolt dans leur propre environnement Azure. Lovable et Base44 affichent de leur côté la certification ISO 27001, que nous n’avons pas trouvée chez Bolt.

Deux réglages méritent votre attention. Depuis juillet 2026, un audit de sécurité est proposé au moment de publier, sur les offres payantes. Fin septembre 2026, Bolt a ajouté un réglage sur l’entraînement des modèles. Il concerne les contenus créés à partir du 7 octobre 2026 et reste désactivé par défaut dans l’Union européenne. Pour une application qui traite des données d’utilisateurs européens, vérifiez ces paramètres et faites relire votre configuration par votre responsable conformité. Notre guide IA et RGPD détaille les points à contrôler avant une mise en production.

Notre avis : là où Bolt brille, là où il coince

Bolt.new reste le meilleur outil de vibe coding pour qui veut de la liberté technique. Sa force tient à trois qualités réunies. Les WebContainers transforment votre navigateur en vraie station de développement, et le libre choix du framework vous évite une stack imposée. Expo ouvre enfin la porte des applications mobiles natives. Avec bolt.diy pour ceux qui veulent leur propre infrastructure, Bolt n’a pas d’équivalent pour les profils à l’aise avec le code.

Bolt coince en revanche sur la prévisibilité du coût. Son système de tokens est brillant techniquement, mais il reste anxiogène à l’usage. Chez Lovable, vous dépensez des crédits par demande. Bolt vous fait au contraire consommer une quantité variable qui dépend de la taille du projet, de la longueur de la conversation et des connecteurs activés. L’arrivée de Bolt Forge, avec ses modèles open source moins gourmands pour le forfait, montre que l’éditeur a entendu ces critiques.

Bolt face à Lovable, v0 et Replit

Face à ses concurrents, choisissez Bolt si vous voulez la flexibilité technique maximale et si vous acceptez d’apprendre la mécanique des tokens. Préférez Lovable si vous n’êtes pas développeur et voulez un design soigné par défaut, avec une consommation plus lisible. Tournez-vous vers v0 de Vercel si vous travaillez en React et Next.js et cherchez les plus belles interfaces. Replit Agent convient enfin à un environnement de développement plus classique, ouvert à Python et aux autres langages serveur.

Notre conseil pratique : commencez par un projet jetable sur l’offre gratuite pour comprendre comment votre façon de prompter consomme les tokens. Passez en Plan Mode avant chaque décision importante. Gardez vos projets petits et modulaires plutôt que de tout empiler dans une application géante. Et ne cliquez jamais plus de deux fois sur « Attempt fix », car c’est le piège le plus cher de la plateforme.