Comment utiliser Bolt.new avec le vibe coding ?

Bolt.new est un outil de StackBlitz qui fabrique une application web à partir de ce que vous lui décrivez, en français comme en anglais, directement dans votre navigateur. Vous écrivez « un outil de suivi des interventions avec une fiche client et un planning », et une première version tourne sous vos yeux quelques minutes plus tard. C'est l'outil emblématique du vibe coding : on avance par la conversation plutôt qu'en écrivant le code ligne à ligne.

Voici comment bien l'utiliser, ce qu'il coûte en octobre 2026 et où s'arrêtent ses capacités. Chez Trankilia, nous l'utilisons pour prototyper vite. Pour une application métier en production, nous travaillons avec Claude Code et Supabase, avec un développeur qui relit chaque livraison.

Qu'est-ce que Bolt.new ?

Bolt.new réunit deux choses : un assistant d'intelligence artificielle qui écrit le code, et un environnement de développement complet qui l'exécute. L'écran se partage entre la conversation, où vous formulez vos demandes, et l'application elle-même, que vous pouvez tester et dont vous pouvez consulter le code à tout moment.

Une application qui tourne dans votre navigateur

Le moteur s'appelle WebContainers, une technologie de StackBlitz qui fait fonctionner Node.js directement dans le navigateur, avec la puissance de votre propre ordinateur. L'assistant installe des paquets npm, lance un serveur de développement et lit la console sans que vous ayez rien à installer : un compte, une phrase, et le projet démarre.

Bolt Cloud : hébergement, base de données et comptes utilisateurs

Bolt ajoute à l'éditeur une couche de services appelée Bolt Cloud, qui s'appuie sur Netlify et Supabase. Elle regroupe :

• l'hébergement de chaque projet, avec un partage restreint ou une publication publique ;
• l'achat ou le branchement d'un nom de domaine ;
• des bases de données incluses, sans compte supplémentaire à créer ;
• l'authentification : inscription, connexion, mot de passe oublié, rôles et permissions ;
• le stockage de fichiers, des fonctions côté serveur, les paiements avec Stripe et une mesure d'audience simple.

Pour un prototype, tout est au même endroit. Pour une application d'entreprise, une question se tranche dès le début : où vivront vos données, et qui en aura la maîtrise.

Bolt.new et le vibe coding : ce que cela change vraiment

Le vibe coding consiste à décrire le résultat voulu, à laisser l'IA écrire le code, puis à corriger par petites touches en regardant le rendu. Bolt.new pousse cette logique assez loin, puisque l'exécution et la mise en ligne se font dans la même fenêtre que la conversation.

Ce que cela change : un dirigeant ou un responsable métier peut montrer une idée qui fonctionne au lieu de la décrire dans un cahier des charges. Une mauvaise idée se repère en une après-midi plutôt qu'en plusieurs mois de développement.

Ce que cela ne change pas : une application reste un ensemble de règles, de données et de droits d'accès. L'IA produit du code qui a l'air de marcher. Vérifier qu'il marche dans tous les cas, qu'il protège les données de chaque utilisateur et qu'il restera maintenable reste un travail humain. C'est toute la différence entre un prototype et un logiciel en production.

Comment utiliser Bolt.new : la méthode pas à pas

La qualité de ce que produit Bolt.new dépend surtout de ce que vous lui donnez au départ. Voici la méthode que nous recommandons pour un premier projet.

1. Cadrez avant d'écrire. Notez qui utilisera l'outil, les écrans principaux et les données manipulées : clients, devis, interventions. Dix minutes de cadrage évitent des dizaines de messages correctifs.
2. Commencez en mode Plan. Le Plan Mode permet de discuter du projet et de bâtir un plan sans que Bolt ne touche au code. Vous validez l'organisation de l'application, puis vous lancez la construction.
3. Annoncez la cible dès le premier message. Application web ou application mobile : la documentation de Bolt précise qu'un projet commencé pour le web ne se convertit pas facilement en application mobile.
4. Choisissez la base de données tout de suite. Base Bolt par défaut ou projet Supabase : changer en cours de route demande des étapes supplémentaires, et le retour de Supabase vers la base Bolt n'est pas prévu.
5. Avancez par petites demandes. Une fonctionnalité par message, testée avant la suivante. Si quelque chose casse, revenez à une version précédente plutôt que d'empiler les corrections.
6. Reliez le projet à GitHub. Bolt enregistre alors chaque modification qui ne casse pas le projet sous forme de commit : vous gardez un historique et une copie du code en dehors de Bolt.
7. Lancez l'audit de sécurité avant de publier. Le bouton « Run security audit » du menu de publication contrôle notamment les règles d'accès à la base et la présence de clés secrètes dans le code. Selon la documentation de Bolt, ce bouton ne consomme pas de jetons, dans la limite de 30 audits par jour.

Rédiger des instructions qui fonctionnent

• Décrivez le métier avant la technique : qui utilise l'outil, dans quel but, à quel moment de la journée.
• Donnez des exemples réels de données : trois clients fictifs, un devis type, les statuts possibles d'une commande.
• Précisez les règles : qui peut voir quoi, ce qui se passe quand un devis est accepté, quels champs sont obligatoires.
• Dites ce que vous ne voulez pas : pas de paiement en ligne, pas d'inscription libre, pas de données de démonstration en production.
• Relisez le plan proposé avant de valider : c'est le moment le moins coûteux pour corriger un malentendu.

Un exemple de premier message

Crée une application web de suivi des interventions pour une entreprise de dépannage de huit techniciens. Deux rôles : administrateur, qui voit tout et crée les interventions, et technicien, qui voit seulement ses interventions du jour et peut ajouter une photo et un commentaire. Une intervention a un client, une adresse, une date, un statut (planifiée, en cours, terminée, facturée) et des notes. Utilise Supabase pour la base de données. Commence par un plan, sans écrire de code.

Partir d'une maquette Figma ou viser le mobile

Bolt.new sait importer une frame Figma à partir de son lien, grâce à l'outil Anima, une frame à la fois. Pour le mobile, l'intégration Expo produit une application iPhone et Android à partir du même code. La publication sur les stores demande un compte Apple Developer et un compte Google Play Developer.

Supabase, Netlify, GitHub, Stripe : les intégrations de Bolt.new

Base Bolt ou Supabase : à trancher au premier jour

Par défaut, un nouveau projet utilise une base de données Bolt, disponible sur toutes les formules. Pour brancher votre propre projet Supabase, il faut une formule Pro ou Teams, et un compte Bolt ne peut être relié qu'à une seule organisation Supabase. Pour une application d'entreprise, c'est le choix que nous recommandons : vos données restent dans un projet que vous contrôlez, avec l'édition SQL et la supervision.

Attention à un piège signalé par la documentation de Bolt sur Supabase : connecter Supabase à un projet qui a déjà une base Bolt peut remplacer la connexion et faire perdre des données. La bonne manœuvre passe par l'option de transfert prévue à cet effet, appelée « Claim ».

Hébergement : Bolt hosting ou Netlify

Les nouveaux projets sont publiés par défaut sur l'hébergement de Bolt. Netlify reste possible, mais le choix engage : un projet déjà publié sur l'hébergement de Bolt ne passe pas sur Netlify sans en créer une copie non publiée, et un projet publié sur Netlify ne peut pas revenir vers l'hébergement de Bolt tant qu'il est en ligne.

GitHub et Stripe

La synchronisation avec GitHub récupère toutes les 30 secondes les modifications faites ailleurs ; les branches se créent depuis Bolt, mais se fusionnent dans GitHub. Pour les paiements, uniques ou par abonnement, Bolt Cloud s'appuie sur Stripe.

Prix de Bolt.new en octobre 2026 : formules et jetons

Bolt.new fonctionne avec des jetons : chaque échange avec l'assistant en consomme, selon la taille du projet et de la demande. Voici les formules affichées en dollars sur la page tarifs de Bolt.new au 14 octobre 2026.

La facturation annuelle permet d'économiser jusqu'à 28 %. Sur les formules payantes, les jetons non utilisés sont reportés et restent valables deux mois à compter du début du cycle où ils ont été attribués. Sur la formule gratuite, ils ne se reportent pas, et seul l'agent Standard est disponible : l'agent Max, qui raisonne davantage pour les projets complexes, demande une formule payante. Bolt choisit lui-même les modèles d'IA utilisés en arrière-plan.

Pourquoi la consommation de jetons grimpe avec le projet

Selon la documentation de Bolt, l'essentiel de la consommation vient de la lecture et de la synchronisation des fichiers du projet. Plus l'application grossit, plus chaque message coûte cher, même pour une petite retouche. Le mode Plan, des demandes précises et l'édition directe du code pour les corrections simples permettent de contenir la dépense.

Les limites de Bolt.new à connaître

• La logique métier complexe. Calculs de prix à plusieurs niveaux, circuits de validation, droits différents selon le service : plus les règles se multiplient, plus l'IA risque d'en casser une en modifiant une autre.
• La sécurité reste votre responsabilité. L'audit intégré est utile, mais certains correctifs demandent une action de votre part, par exemple chez votre fournisseur d'e-mails ou de paiement. Personne ne relit le code à votre place.
• Les choix du premier jour engagent. Base de données, hébergement, web ou mobile : plusieurs bascules sont difficiles, voire impossibles, une fois le projet publié.
• Le coût d'évolution. Plus l'application grossit, plus chaque modification consomme de jetons.
• Les branchements avec vos outils existants. Un ERP ou un logiciel de comptabilité demandent des connexions et des tests que la conversation seule ne garantit pas.
• Les données personnelles. Les pages d'aide de Bolt renvoient aux conditions de StackBlitz : pour une application qui stocke des données clients, la localisation des données et la conformité au RGPD sont à vérifier avant la mise en production.

Prototype Bolt.new ou application développée sur mesure : le comparatif

Les deux approches ne s'opposent pas : un bon prototype Bolt.new est souvent le meilleur point de départ d'une application sur mesure.

Bolt.new suffit-il pour votre projet ?

Bolt.new suffit si

• vous voulez valider une idée auprès de quelques utilisateurs avant d'investir ;
• vous préparez une démonstration pour un associé, un financeur ou un client ;
• l'outil est interne, utilisé par quelques personnes, sans données sensibles ;
• il s'agit d'une page, d'un formulaire ou d'un calculateur sans logique complexe ;
• quelqu'un dans l'équipe a le temps de suivre le projet et de tester chaque modification.

Passez à une application développée sur mesure si

• l'application gère des données clients, financières ou de santé ;
• plusieurs rôles doivent voir des informations différentes ;
• elle doit dialoguer avec votre ERP, votre CRM, votre comptabilité ou vos automatisations ;
• une panne ou une erreur de calcul aurait un coût réel pour l'entreprise ;
• chaque nouvelle demande dans Bolt casse une fonctionnalité qui marchait, ou la consommation de jetons devient difficile à prévoir.

Dans ce second cas, le prototype n'est pas perdu : il devient un cahier des charges vivant, que tout le monde a déjà manipulé. Notre page sur le développement d'application métier détaille la démarche complète.

Bolt.new, Lovable, Cursor, Claude Code : quelle différence ?

Ces outils sont souvent comparés, mais ils ne jouent pas le même rôle.

• Bolt.new et Lovable génèrent une application complète dans le navigateur à partir d'une conversation. Ils s'adressent aux personnes qui veulent un résultat visible sans manipuler de code.
• Cursor est un éditeur de code installé sur le poste et enrichi d'IA : il s'adresse d'abord aux développeurs.
• Claude Code, l'agent de programmation d'Anthropic, travaille directement dans un vrai dépôt de code, depuis le terminal ou l'éditeur. C'est l'outil que nous utilisons chaque jour, sous le contrôle d'un développeur, pour livrer des applications de production : notre page agence Claude Code explique comment.

Ce que Trankilia fait autour de Bolt.new

Trankilia est une agence d'automatisation, d'IA et d'applications métier sur mesure basée dans l'Hérault, qui a accompagné plus de 50 entreprises. Voici comment nous intervenons quand un projet passe par Bolt.new.

Cadrer le besoin en 30 minutes

Tout commence par un audit gratuit de 30 minutes : vous nous montrez votre prototype ou votre idée, et nous regardons ce qui peut rester dans Bolt.new et ce qui mérite un développement sur mesure. Parfois, la bonne réponse est une simple automatisation, à partir de 300 €, avec un outil comme n8n.

Maquette et logigramme offerts avant le devis

Avant tout devis, nous dessinons les écrans de l'application et le logigramme de vos process, étape par étape. Si vous avez un prototype Bolt.new, il nous sert de base. Vous savez exactement ce que vous achetez.

Reprendre un prototype Bolt.new pour le rendre fiable

Nous récupérons le code par GitHub, puis nous le relisons : structure des données, règles d'accès par rôle dans Supabase, clés secrètes, gestion des erreurs. Selon l'état du projet, nous le consolidons ou nous reconstruisons les parties fragiles avec Claude Code, en gardant les écrans que vos équipes ont déjà validés.

Passer en production, une livraison tous les 7 jours

Une fois le devis validé, un kick-off avec votre équipe fixe les accès et les priorités. Nous livrons ensuite tous les 7 jours, avec une démonstration à chaque fois : vos retours décident de la priorité suivante. Un projet complet coûte de 1 500 € à plus de 50 000 € selon la complexité de l'application.

Former vos équipes

Si vous voulez continuer à prototyper vous-même, nous formons vos équipes à Bolt.new et au vibe coding : cadrer une demande, faire les bons réglages dès le départ, repérer le moment où il faut passer la main. Nos cas clients montrent ce que cette méthode a donné ailleurs.