Bolt.new : créer une application web avec l'IA en quelques minutes

Besoin de parler avec un expert ?

Contactez un expert

Bolt.new : créer une application web avec l'IA en quelques minutes

13 juin 2026
Temps de lecture : 8 min

Bolt.new est l'outil qui a convaincu des millions de makers de lancer leur première application sans écrire une ligne de code. Depuis un prompt en langage naturel, l'IA génère une app fonctionnelle, avec son front, son back et son déploiement, en quelques minutes. Le projet est porté par StackBlitz, les créateurs de la technologie WebContainers qui permet d'exécuter Node.js directement dans le navigateur.

Ce guide est pour ceux qui veulent comprendre ce que bolt.new fait vraiment, ce qu'il facture, et où il casse. Sans les arguments marketing.

Ce que bolt.new fait concrètement

Bolt.new est un IDE dans le navigateur piloté par l'IA. Vous décrivez l'application que vous voulez en langage naturel, l'IA génère le code, et vous voyez le résultat en temps réel dans un aperçu côte à côte. Pas besoin d'installer Node.js, de configurer Webpack ou de gérer un serveur local - tout tourne dans le navigateur via WebContainers.

Côté stacks supportées, bolt.new est plus flexible que la plupart de ses concurrents : React, Vue, Next.js, Astro, Svelte, Remix, Vite. Pour les systèmes de style, Tailwind CSS, Shadcn UI et Material Design sont disponibles nativement. L'IA choisit automatiquement la stack la plus adaptée selon votre prompt - ou vous pouvez la spécifier explicitement dès le départ.

Le workflow typique ressemble à ça : vous donnez un prompt initial ("Crée une app de gestion de tâches avec authentification, base de données et interface Tailwind"), bolt génère l'ensemble du projet, vous l'affinez avec des instructions de suivi ("Ajoute une colonne priorité", "Change le header en bleu"), puis vous déployez en un clic ou exportez vers GitHub pour continuer localement.

Ce qui distingue bolt des générateurs de code basiques, c'est la gestion des packages NPM directement dans l'IA, l'intégration native avec Supabase pour la base de données et l'authentification, et la synchronisation bidirectionnelle avec GitHub. Vous pouvez importer un repo existant, travailler dedans avec l'IA, puis re-pusher - ce qui en fait l'un des rares outils de ce type utilisables sur un projet en cours plutôt que systématiquement en "greenfield".

Bolt.new utilise Claude d'Anthropic comme modèle IA principal, avec un routage automatique vers le mode reasoning ou standard selon la complexité de votre demande. Vous ne choisissez pas le modèle manuellement - bolt équilibre qualité et consommation de tokens sans intervention.

Premiers pas : du premier prompt au déploiement

Créer un compte sur bolt.new prend deux minutes. La version gratuite est suffisante pour tester sérieusement - avec 1 million de tokens par mois, vous pouvez générer et itérer sur plusieurs applications simples sans débourser un centime.

Pour le premier prompt, soyez précis dès le départ. "Crée une application web" produit quelque chose de générique. "Crée une application React avec Tailwind CSS qui permet à un utilisateur de se connecter, de créer des notes avec un titre et un corps, et de les filtrer par tag. Base de données Supabase." donne un résultat directement utilisable.

Une fois le code généré, l'IDE vous montre l'arborescence des fichiers à gauche, l'éditeur au centre et le preview live à droite. Chaque itération consomme des tokens - les modifications incrémentales ("Corrige l'alignement du bouton") coûtent peu, les régénérations complètes beaucoup plus. Cette logique est importante à intégrer tôt : sur bolt.new, les tokens sont la vraie monnaie.

Le déploiement se fait en un clic depuis l'interface. Bolt héberge l'application sur son infrastructure (Bolt Cloud), avec un domaine généré automatiquement. Sur le plan Pro, vous pouvez connecter votre propre domaine et activer le partage privé. Sur le plan gratuit, le branding Bolt apparaît sur votre site et les applications sont publiques par défaut.

Chez Noxcod, on utilise bolt.new régulièrement pour générer des prototypes qu'on reprend ensuite en développement propre. La rapidité de la phase d'idéation est réelle : ce qui prendrait deux jours à un développeur pour scaffolder, bolt le génère en vingt minutes. La valeur est là, avant tout dans la rapidité de la preuve de concept.

Tarifs : ce que vous payez vraiment

Bolt.new propose quatre plans (source officielle bolt.new/pricing, consulté le 13/06/2026) :

Plan Prix Tokens/mois Limite quotidienne
Free 0 $ 1 million 300 000
Pro 25 $/mois 10 millions minimum Aucune
Teams 30 $/mois par membre 10 M+ par membre Aucune
Enterprise Sur devis Personnalisé -

La facturation annuelle permet une réduction de 28 %. Les tokens non utilisés sur le plan Pro sont reportés au mois suivant - ce qui adoucit les mois d'utilisation intensive.

Ce que le tableau ne dit pas : la consommation de tokens est imprévisible. Un prototype simple en un prompt tient dans les limites du plan gratuit. Un projet avec authentification complexe, où l'IA essaie plusieurs approches avant de trouver la bonne, peut brûler plusieurs millions de tokens en une session. Les utilisateurs actifs qui dépassent les 10 millions mensuels du plan Pro paient des tokens supplémentaires.

Le plan Teams ajoute la gestion des accès par rôle, les registres NPM privés et la facturation centralisée. Pour une agence ou une équipe produit qui utilise bolt régulièrement, c'est le plan de référence. Le plan Enterprise apporte SSO, journaux d'audit et support dédié - pour les organisations dont le code bolt passe directement en production.

Ce que bolt.new fait bien

La force principale de bolt.new est la vitesse entre l'idée et le prototype fonctionnel. Quand un client veut tester une hypothèse produit - un flux d'onboarding spécifique, une interface de gestion interne, un formulaire multi-étapes avec logique conditionnelle - bolt génère quelque chose de cliquable en une heure. C'est infiniment plus rapide qu'un wireframe, et bien plus convaincant pour valider avant d'investir en développement.

L'intégration Figma est un vrai plus pour les équipes design : vous importez une maquette et bolt génère le code HTML/CSS correspondant, avec Tailwind. L'outil couvre environ 70 % du travail de conversion et évite les heures de copier-coller manuel. Les équipes qui associent Figma et bolt.new réduisent significativement le temps entre le design et le prototype cliquable - un avantage concret qu'on détaille dans notre article sur le code augmenté par l'IA.

La synchronisation GitHub bidirectionnelle permet des workflows hybrides : vous démarrez un projet sur bolt, vous l'exportez vers un repo quand il atteint un niveau de maturité suffisant, puis vous continuez le développement localement avec votre stack habituelle. C'est une sortie de secours importante quand vous approchez les limites de l'outil.

Pour les types d'applications où bolt excelle : landing pages et sites one-page, outils internes (CRM léger, dashboard opérationnel), MVPs SaaS avec authentification simple et paiement Stripe, applications CRUD. Sur ces cas, le ratio valeur/temps est difficile à battre.

Les limitations à connaître avant de commencer

Bolt.new amène la plupart des projets à environ 70 % du chemin. Les 30 % restants - l'authentification robuste, la gestion fine des rôles, les intégrations d'API complexes, les tests automatisés - nécessitent soit des itérations nombreuses qui coûtent cher en tokens, soit un développeur qui reprend la main.

L'authentification est le point noir le plus souvent cité. La génération initiale d'un système login/password semble fonctionner, mais les cas limites - réinitialisation de mot de passe, OAuth, gestion des sessions côté serveur - déclenchent souvent des boucles de débogage coûteuses. L'IA corrige un bug et en crée un autre, sur plusieurs itérations. Si l'authentification est centrale dans votre projet, prévoyez soit d'utiliser une solution externe comme Clerk ou Supabase Auth préconfigurée, soit d'anticiper une consommation de tokens plus élevée que prévu.

Bolt.new fonctionne uniquement avec JavaScript et TypeScript. C'est la contrainte technique de WebContainers. Si votre projet nécessite Python, Go, Java ou tout autre backend non-JS, ce n'est pas l'outil. De même, les projets qui impliquent de lourdes dépendances natives ou des modules binaires rencontreront des blocages.

Le "lock-in" mérite attention. Bolt héberge les applications sur son infrastructure, et le code généré - bien que vous puissiez l'exporter - n'est pas toujours propre à maintenir à long terme. Des patterns répétitifs, des dépendances non documentées, des configurations implicites : si vous prévoyez une passation à une équipe de développement, comptez du temps pour l'audit et le nettoyage.

Enfin, la sécurité. Veracode a publié en 2025 que 45 % du code généré par IA contient au moins une vulnérabilité de sécurité. Ce chiffre ne concerne pas uniquement bolt - il s'applique à tous les outils de génération de code IA - mais il est pertinent ici. Un projet bolt qui passe en production sans audit de sécurité prend un risque réel, surtout si l'application gère des données utilisateurs ou des paiements.

Bolt.new vs Lovable : lequel pour votre projet

Bolt.new et Lovable occupent la même niche - le prompt-to-app - avec des différences que les projets clients font vite ressortir. Si vous avez déjà lu notre guide sur Lovable, les deux se distinguent sur plusieurs points en pratique.

Bolt supporte davantage de frameworks (Vue, Svelte, Remix en plus de React), dispose d'un environnement d'exécution plus complet dans le navigateur, et offre une meilleure synchronisation GitHub. Sur les projets nécessitant une stack spécifique ou une sortie locale propre, bolt est généralement le meilleur choix.

Lovable est souvent plus fiable sur les applications CRUD standards, avec un flux prompt-to-app plus linéaire et moins de dérive sur les itérations longues. Pour un maker non technique qui veut un SaaS simple sans toucher au code, l'expérience Lovable est souvent plus directe.

Les deux partagent les mêmes limites fondamentales : consommation de tokens imprévisible, faiblesse sur l'authentification complexe, et le "70 % problem". Le choix dépend surtout de votre stack cible et de l'importance que vous accordez à la portabilité du code.

Si votre projet est plus complexe - intégrations multiples, logique métier poussée, scalabilité dès le départ - l'approche agence IA avec développement sur mesure sera plus adaptée que bolt ou Lovable. La comparaison Claude Code vs Cursor vs Copilot détaille les alternatives pour les équipes de développement.

FAQ bolt.new

Bolt.new génère-t-il du code que je peux modifier manuellement ?

Oui. L'IDE embarqué vous permet d'éditer n'importe quel fichier directement, en dehors des prompts IA. Vous pouvez aussi exporter le projet vers GitHub et continuer le développement dans votre IDE local. La qualité du code généré varie : propre sur les structures simples, dense et peu commenté sur les intégrations complexes.

Quelle différence entre le plan Free et le plan Pro ?

Le plan gratuit inclut 1 million de tokens par mois avec une limite de 300 000 par jour. Le plan Pro à 25 $/mois monte à 10 millions de tokens par mois, supprime la limite quotidienne, retire le branding bolt de vos sites et active le partage privé avec domaine personnalisé. Pour une utilisation sérieuse sur plusieurs projets, le Pro s'amortit rapidement.

Peut-on utiliser bolt.new pour des projets en production ?

Techniquement oui, surtout avec le plan Pro ou Enterprise. En pratique, les projets bolt qui vont en production nécessitent un audit de code et de sécurité au préalable. L'outil est fait pour prototyper vite, pas pour livrer du code production directement maintenable par une équipe technique.

Bolt.new fonctionne-t-il avec une base de données existante ?

L'intégration Supabase est native et bien documentée. Pour d'autres bases de données (PostgreSQL hébergé ailleurs, MySQL, MongoDB), c'est possible via les packages NPM correspondants, mais la configuration manuelle sort du flux "prompt naturel". Prévoyez de l'itération ou une référence à la documentation du service ciblé.

Est-ce que bolt.new peut reprendre un projet existant ?

Oui, via l'import GitHub. Vous pointez bolt.new sur un repo existant, il charge le projet dans l'environnement et vous pouvez demander à l'IA de modifier, déboguer ou étendre le code. Sur des projets volumineux avec des dépendances complexes, l'IA perd parfois le contexte global et génère des modifications incohérentes - à surveiller au-delà d'une certaine taille de codebase.

Votre prototype a besoin d'aller plus loin que bolt.new ?

Bolt.new couvre 70 % du chemin. Pour les 30 % restants - authentification robuste, intégrations complexes, code maintenable en équipe - nos développeurs no-code et IA prennent la relève. On évalue votre projet en 30 minutes.

Planifier un appel

Noxcod

On cadre votre produit avant de le construire

Application métier, SaaS, agent IA ou automatisation : on vous aide à choisir la bonne stack, le bon périmètre et les prochaines étapes.

Stack Périmètre Plan d'action