Polydesk-logotype
Polydesk.ai — Header
Bolt.new : App Builder IA dans le Navigateur par StackBlitz – Avis et Guides 2026 *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} :root{ –bg:#fafbfd;–bg-card:#fff;–bg-hover:#f7f8fb;–bg-surface:#f1f3f8; –border:#e2e5ee;–border-hover:#c8cdd9; –text:#1e1e2e;–text-2:#4b5563;–text-3:#6b7280; –purple:#7c3aed;–pink:#c026d3;–orange:#d97706;–blue:#3b6cf5; –teal:#0d9488;–green:#059669;–red:#dc2626;–cyan:#0891b2; –tool-color:#3b82f6; –r-sm:8px;–r-md:12px;–r-lg:16px;–r-xl:20px;–r-pill:999px; –f-d:’Sora’,sans-serif;–f-b:’Instrument Sans’,sans-serif;–f-m:’JetBrains Mono’,monospace; –max:1200px;–ease:.3s cubic-bezier(.4,0,.2,1); –sh-s:0 1px 2px rgba(0,0,0,.04);–sh-m:0 2px 8px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.04); –sh-l:0 4px 20px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.03);–sh-xl:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04); } html{scroll-behavior:smooth} body{font-family:var(–f-b);background:var(–bg);color:var(–text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden} a{color:inherit;text-decoration:none} a.sp-card,a.sp-card *,a.related-link,a.related-link *{text-decoration:none!important} .ct{max-width:var(–max);margin:0 auto;padding:0 24px} @media(max-width:640px){.ct{padding:0 10px}} .blur-orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden} .blur-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:od 22s ease-in-out infinite alternate} .o1{width:500px;height:500px;background:rgba(59,130,246,.12);top:-8%;right:-6%;animation-duration:24s} .o2{width:420px;height:420px;background:rgba(124,58,237,.10);top:10%;left:-10%;animation-duration:28s;animation-direction:alternate-reverse} .o3{width:350px;height:350px;background:rgba(192,38,211,.08);bottom:20%;right:20%;animation-duration:26s;animation-delay:-8s} .o4{width:300px;height:300px;background:rgba(5,150,105,.08);bottom:-5%;left:15%;animation-duration:30s;animation-direction:alternate-reverse;animation-delay:-12s} @keyframes od{0%{transform:translate(0,0) scale(1)}100%{transform:translate(40px,30px) scale(1.15)}} .hero{padding:72px 0 48px;position:relative;z-index:1} .hero-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap} .hero-logo{width:64px;height:64px;border-radius:var(–r-lg);border:1px solid var(–border);background:var(–bg-card);display:flex;align-items:center;justify-content:center;box-shadow:var(–sh-m);overflow:hidden;flex-shrink:0} .hero-text{flex:1;min-width:280px} .hero-text h1{font-family:var(–f-d);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.12;letter-spacing:-1.2px;margin-bottom:6px} .hero-tagline{font-size:1.05rem;color:var(–text-2);margin-bottom:14px;max-width:560px} .hero-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .h-badge{font-family:var(–f-m);font-size:.68rem;font-weight:600;padding:5px 14px;border-radius:var(–r-pill);display:inline-flex;align-items:center;gap:5px} .h-badge-cat{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.18);color:var(–tool-color)} .hero-cta{margin-left:auto;flex-shrink:0} .hero-cta a{font-family:var(–f-d);font-size:.85rem;font-weight:600;padding:11px 24px;border-radius:var(–r-pill);background:var(–tool-color);color:#fff;display:inline-flex;align-items:center;gap:7px;transition:all var(–ease);box-shadow:0 2px 8px rgba(59,130,246,.2)} .hero-cta a:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(59,130,246,.3)} @media(max-width:768px){.hero-cta{margin-left:0;margin-top:8px}} .layout{display:grid;grid-template-columns:1fr 300px;gap:48px;position:relative;z-index:1;padding-bottom:100px} @media(max-width:960px){.layout{grid-template-columns:1fr;gap:32px}.sidebar{display:none}} .main h2{font-family:var(–f-d);font-size:1.35rem;font-weight:700;letter-spacing:-.5px;margin:48px 0 16px;padding-top:24px;scroll-margin-top:24px} .main h2:first-child{margin-top:0} .main p{font-size:.95rem;color:var(–text-2);margin-bottom:16px;line-height:1.75} .main strong{color:var(–text);font-weight:600} .main a{color:var(–purple);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px} .main a:hover{color:var(–pink)} .verdict{background:var(–bg-card);border:1px solid var(–border);border-radius:var(–r-xl);padding:32px;margin:32px 0 40px;box-shadow:var(–sh-m);position:relative;overflow:hidden} .verdict::before{content: »;position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(–tool-color),var(–purple),var(–pink))} .verdict-title{font-family:var(–f-d);font-size:1.15rem;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:10px} .verdict-title .verdict-icon{font-size:1.3rem} .verdict-summary{font-size:.93rem;color:var(–text-2);line-height:1.75;margin-bottom:24px} .verdict-lists{display:grid;grid-template-columns:1fr 1fr;gap:24px} @media(max-width:600px){.verdict-lists{grid-template-columns:1fr}} .verdict-col h4{font-family:var(–f-d);font-size:.85rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:6px} .verdict-col ul{list-style:none;display:flex;flex-direction:column;gap:10px} .verdict-col li{font-size:.9rem;color:var(–text-2);padding-left:22px;position:relative;line-height:1.6} .verdict-col li::before{content: »;position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:50%} .v-pros li::before{background:rgba(5,150,105,.12);border:2px solid var(–green)} .v-cons li::before{background:rgba(220,38,38,.08);border:2px solid var(–red)} .verdict-ideal{margin-top:24px;padding-top:18px;border-top:1px solid var(–border);font-size:.9rem;color:var(–text-2);line-height:1.7} .verdict-ideal strong{color:var(–tool-color)} .sp-section{margin-top:48px} .sp-section h2{margin-top:0!important} .sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:20px} .sp-card{position:relative;background:var(–bg-card);border:1px solid var(–border);border-radius:var(–r-lg);padding:22px 20px;transition:all var(–ease);cursor:pointer;display:flex;flex-direction:column;gap:8px;box-shadow:var(–sh-s);overflow:hidden} .sp-card::before{content: »;position:absolute;top:0;left:0;right:0;height:2px;background:var(–tool-color);opacity:0;transition:opacity var(–ease)} .sp-card:hover{border-color:var(–border-hover);transform:translateY(-3px);box-shadow:var(–sh-l)} .sp-card:hover::before{opacity:1} .sp-card-emoji{font-size:1.5rem} .sp-card-title{font-family:var(–f-d);font-size:.92rem;font-weight:600;line-height:1.3;transition:color .2s} .sp-card:hover .sp-card-title{color:var(–tool-color)} .sp-card-desc{font-size:.82rem;color:var(–text-3);line-height:1.55} .sp-card-type{font-family:var(–f-m);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:var(–r-pill);width:fit-content;margin-top:auto} .sp-card-type.guide{color:var(–teal);background:rgba(13,148,136,.06);border:1px solid rgba(13,148,136,.14)} .sp-card-type.vs{color:var(–orange);background:rgba(217,119,6,.06);border:1px solid rgba(217,119,6,.14)} .sp-card-type.ref{color:var(–purple);background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.14)} .sidebar{position:relative} .sidebar-sticky{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px} .toc{background:var(–bg-card);border:1px solid var(–border);border-radius:var(–r-lg);padding:20px;box-shadow:var(–sh-s)} .toc-title{font-family:var(–f-d);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(–text-3);margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(–purple),var(–pink),var(–orange)) 1} .toc ul{list-style:none;display:flex;flex-direction:column;gap:4px} .toc a{display:block;font-size:.85rem;color:var(–text-2);padding:8px 14px;border-left:2px solid transparent;border-radius:0 var(–r-sm) var(–r-sm) 0;transition:all var(–ease)} .toc a:hover,.toc a.active{color:var(–purple);border-left-color:var(–purple)} .related{background:var(–bg-card);border:1px solid var(–border);border-radius:var(–r-lg);padding:20px;box-shadow:var(–sh-s)} .related-title{font-family:var(–f-d);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(–text-3);margin-bottom:14px} .related-links{display:flex;flex-direction:column;gap:8px} .related-link{font-size:.85rem;color:var(–text-2);padding:8px 14px;border-radius:var(–r-sm);border:1px solid var(–border);transition:all var(–ease);display:flex;align-items:center;gap:8px} .related-link:hover{border-color:var(–purple);color:var(–purple);background:rgba(124,58,237,.03)} .related-link .rl-emoji{font-size:1rem;flex-shrink:0} @media(max-width:640px){.hero{padding:48px 0 32px}.sp-grid{grid-template-columns:1fr}}

Bolt.new

L’app builder IA qui tourne entièrement dans votre navigateur. Propulsé par les WebContainers de StackBlitz et Claude, Bolt génère, exécute et déploie des apps full-stack sans installation locale.

⚡ App builder IA / Vibe coding

Qu’est-ce que Bolt.new ?

Bolt.new est un app builder IA qui exécute un environnement de développement complet directement dans votre navigateur. Sa particularité technique : les WebContainers de StackBlitz, un runtime Node.js qui tourne nativement dans un onglet de navigateur. Concrètement, Bolt peut faire npm install, lancer un serveur de dev, exposer des endpoints API et afficher un live preview, le tout côté client, sans machine virtuelle ni conteneur cloud. Vous décrivez votre app en langage naturel, et Bolt génère le code, l’exécute et vous montre le résultat en temps réel.

Bolt est un produit de StackBlitz, une entreprise fondée en 2017 qui a développé un IDE web utilisé par Google, Cloudflare et Uber. StackBlitz a levé 105,5 millions de dollars en Series B (janvier 2025) à une valorisation d’environ 700 millions de dollars. Bolt.new a été lancé en octobre 2024 lors de ViteConf et a atteint 20 millions de dollars d’ARR en décembre 2024, puis 40 millions d’ARR en mars 2025. La plateforme revendique plus de 5 millions d’utilisateurs et a propulsé plus d’un million de sites web en partenariat avec Netlify. Le code de Bolt est open-source, et le fork communautaire bolt.diy (plus de 12 000 étoiles GitHub) permet de l’auto-héberger avec le choix de plus de 19 fournisseurs LLM.

Bolt V2

Bolt V2, lancé en octobre 2025, marque le passage du prototypage expérimental à la production enterprise. Les ajouts majeurs incluent Bolt Cloud avec bases de données intégrées, authentification, stockage de fichiers, fonctions serverless, analytics et hébergement. Le débogage autonome réduit les boucles d’erreur de 98 % selon StackBlitz. En 2026, de nouvelles fonctionnalités ont été ajoutées : Team Templates (projets réutilisables), URLs Netlify éditables, support du modèle Opus 4.6, import Figma en temps réel dans le chat, et édition d’images IA avec Nano Banana directement dans l’interface.

Notre avis sur Bolt.new

Bolt.new est l’app builder IA le plus technique du marché. Là où Lovable privilégie l’approche conversationnelle accessible aux non-devs, Bolt donne accès à un vrai environnement de dev (terminal, fichiers, npm) tout en restant pilotable par prompt. Le fait que tout tourne dans le navigateur via WebContainers est un avantage réel : zéro setup, performances rapides, pas de « ça marche sur ma machine ». Bolt V2 avec Cloud comble le fossé du déploiement. La faiblesse : la consommation de tokens est imprévisible sur les projets complexes, et le comportement de réécriture de fichiers entiers lors du débogage peut introduire de nouveaux bugs. Le plan gratuit (1M tokens/mois) est trop limité pour évaluer sérieusement la plateforme.

Forces

  • WebContainers : Node.js complet dans le navigateur, npm install, serveur de dev, zéro setup local
  • Du prompt à l’app fonctionnelle avec live preview en quelques secondes
  • Bolt V2 Cloud : DB, auth, storage, fonctions serverless et analytics intégrés
  • Open-source : bolt.diy permet l’auto-hébergement avec 19+ fournisseurs LLM
  • Import Figma direct dans le chat pour construire à partir de maquettes visuelles
  • Intégration Supabase et déploiement Netlify en un clic
  • Accès direct au code : éditez les fichiers, le terminal, gardez le contrôle total

Limites

  • Consommation de tokens imprévisible : les projets complexes peuvent brûler des millions de tokens
  • Le débogage IA réécrit parfois des fichiers entiers au lieu de corrections ciblées, cassant du code fonctionnel
  • Plan gratuit très limité (1M tokens/mois, 300K/jour) : 10-20 interactions significatives max
  • Support client uniquement par IA, pas d’équipe humaine pour les problèmes complexes
  • 100 % cloud/navigateur : pas de mode hors ligne, dépendance à la connexion internet
→ Idéal pour : les développeurs et indie hackers qui veulent prototyper rapidement sans setup local, les participants de hackathons, les fondateurs de startups qui veulent valider une idée en un week-end, et les équipes qui apprécient d’avoir un accès direct au code tout en bénéficiant de la génération IA.

Pricing

Bolt utilise un système de tokens. Chaque interaction (chat, génération de code, modifications) consomme des tokens. La complexité de la requête détermine le nombre de tokens utilisés. Depuis juillet 2025, les tokens non utilisés sont reportables pendant un mois supplémentaire. Les recharges de tokens achetées séparément n’expirent pas.

Free : environ 1M tokens/mois (300K/jour), suffisant pour 10-20 interactions significatives sur un projet moyen. Pro : environ 25 $/mois (~22,50 $ en annuel), 10M tokens/mois, accès à tous les modèles IA. Teams : environ 30 $/membre/mois, tokens d’équipe partagés, collaboration. Recharges disponibles : environ 20 $ pour 10M tokens supplémentaires. Les prix exacts peuvent varier, vérifiez sur bolt.new/pricing.

Fonctionnalités clés

WebContainers sont la fondation technique de Bolt. C’est un runtime Node.js complet qui s’exécute dans un onglet de navigateur, développé par StackBlitz depuis 2021. Cela signifie que Bolt peut installer des packages npm, exécuter des serveurs, et afficher des aperçus en temps réel sans aucun backend cloud. Le code s’exécute côté client dans un sandbox sécurisé. C’est plus rapide que les IDE cloud classiques qui exécutent le code sur un serveur distant et streament les résultats.

Génération par prompt + édition directe offre un workflow hybride. Vous pouvez piloter Bolt entièrement par chat (« ajoute un dark mode », « connecte l’auth Google »), ou ouvrir les fichiers et éditer le code directement. Les agents IA itèrent sur la codebase existante plutôt que de repartir de zéro à chaque fois. Le système de « diffs » accélère les itérations en ne modifiant que les parties concernées.

Bolt Cloud (V2) ajoute tout ce qui manquait pour le déploiement. Bases de données intégrées, authentification utilisateur, stockage de fichiers, fonctions edge et analytics : un prototype généré par chat peut passer en production sans quitter le navigateur. L’intégration Supabase reste disponible comme alternative. Le déploiement Netlify se fait en un clic avec des URLs éditables.

bolt.diy est le fork open-source officiel (sous l’organisation GitHub de StackBlitz). Il permet d’auto-héberger Bolt sur votre propre serveur et de choisir parmi plus de 19 fournisseurs LLM (OpenAI, Anthropic, Mistral, Ollama, etc.). C’est un avantage unique pour les environnements réglementés ou les équipes qui veulent contrôler leur infrastructure IA.

const sections = document.querySelectorAll(‘.main h2[id], .verdict[id], .sp-section[id]’); const tocLinks = document.querySelectorAll(‘.toc-link’); const spy = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { const id = e.target.id; tocLinks.forEach(l => l.classList.toggle(‘active’, l.getAttribute(‘href’) === ‘#’ + id)); } }); }, { rootMargin: ‘-10% 0px -80% 0px’ }); sections.forEach(s => spy.observe(s));
Polydesk.ai — Footer