Vibe & agentic coding · StackBlitz

Formations Bolt

Des prototypes full-stack dans le navigateur : générez des applications web par prompt avec Bolt, exécutez-les et publiez-les.

Bolt, développé par StackBlitz, génère des applications full-stack fonctionnelles à partir de prompts et les exécute immédiatement dans le navigateur. Le secret : les WebContainers, un environnement Node.js qui tourne entièrement dans l’onglet, avec installation de paquets, serveur de développement et terminal. Pendant cette formation d’une journée, vous apprenez à créer rapidement des prototypes avec React, Vue, Svelte, Next.js, Astro ou des back-ends Node.js, à structurer prompts et consignes de projet, et à guider l’agent avec précision plutôt que de le laisser réécrire votre application sans contrôle.

La formation allie résultats rapides et bonnes pratiques d’ingénierie. Vous lisez et modifiez le code généré dans l’éditeur intégré, corrigez les erreurs via le terminal et la console, connectez base de données et authentification, puis exportez vos projets vers GitHub ou sous forme d’archive. Vous publiez ensuite votre application et apprenez à maîtriser la consommation de tokens, la taille du contexte et le périmètre du projet. Vous saurez alors pour quels projets Bolt est le chemin le plus court vers un résultat cliquable, et à quel moment basculer vers un environnement de développement local.

Contenus clés de toutes les formations Bolt

Module 1 Comprendre Bolt et les WebContainers
  • Architecture : Node.js, npm et serveur de développement entièrement dans le navigateur
  • Frameworks pris en charge et modèles de démarrage
  • Possibilités et limites de l’exécution dans le navigateur, par exemple pour les paquets binaires natifs
  • Tirer le meilleur parti de l’éditeur, de l’aperçu, du terminal et de l’arborescence
Module 2 Prompting et pilotage du projet
  • Rédiger un premier prompt précis : pile technique, pages, modèle de données, style
  • Consignes de projet et instructions système pour les conventions récurrentes
  • Mode discussion pour planifier, mode construction pour réaliser
  • Avancer par petites étapes, verrouiller des fichiers et revenir à une version antérieure
Module 3 Full-stack : données, authentification et API
  • Base de données et authentification via l’intégration back-end native ou Supabase
  • Construire des routes API et de la logique serveur avec Node.js
  • Connecter des API externes et gérer les clés par variables d’environnement
  • Créer des prototypes mobiles avec Expo et les tester sur un appareil
Module 4 Débogage et qualité du code
  • Renvoyer efficacement à l’agent les erreurs du terminal et de la console
  • Lire, comprendre et corriger manuellement le code généré
  • Préserver une structure claire, un bon découpage des composants et des types TypeScript propres
  • Maîtriser consommation de tokens et taille du contexte quand le projet grandit
Module 5 Déploiement et passage de relais
  • Publier en un clic et associer un domaine personnalisé
  • Exporter vers GitHub et poursuivre en local dans VS Code, Cursor ou Claude Code
  • Contrôle de sécurité : secrets, droits d’accès, validation des entrées
  • Critères de décision : faire évoluer le prototype ou repartir sur une base saine

Objectifs pédagogiques

  • Vous expliquez le fonctionnement des WebContainers et identifiez les projets adaptés à Bolt.
  • Vous générez un prototype full-stack avec front-end, back-end et base de données grâce à des prompts structurés.
  • Vous déboguez efficacement via le terminal, la console et des retours précis à l’agent.
  • Vous publiez votre application et exportez le code vers GitHub pour la suite du développement.
  • Vous maîtrisez consommation de tokens et périmètre pour que Bolt reste efficace sur des prototypes plus ambitieux.

Les 10 formations Bolt

Développement & technique (10)

Formation Bolt près de chez vous

Bolt – MunichBolt – SalzbourgBolt – BerlinBolt – AugsbourgBolt – HanovreBolt – BrêmeBolt – StuttgartBolt – KaiserslauternBolt – En ligne

Questions fréquentes

Faut-il un environnement de développement local pour utiliser Bolt ?

Non. Grâce aux WebContainers, l’installation des paquets, le serveur de développement et le terminal fonctionnent dans le navigateur : rien à installer sur votre machine. L’export vers GitHub et le travail dans un éditeur local deviennent intéressants lorsque le projet doit vivre durablement ou s’intégrer à une chaîne d’outils existante. Nous pratiquons les deux approches.

En quoi Bolt diffère-t-il de Lovable ?

Les deux génèrent des applications web à partir de prompts. Bolt laisse davantage de liberté dans le choix du framework et donne un accès très direct au code, au terminal et aux fichiers, ce qui plaît aux développeurs. Lovable repose sur une pile React fixe, avec un accent plus marqué sur le design et Supabase. Le choix dépend du projet et de l’équipe.

Peut-on créer des applications mobiles avec Bolt ?

Oui. L’intégration Expo permet de générer des prototypes React Native et de les tester directement sur smartphone avec Expo Go. C’est très efficace pour des applications simples et des prototypes cliquables. Les fonctions natives avancées, la publication sur les stores et une logique hors ligne complexe nécessitent en général un développement local, ce que nous expliquons.

Prérequis

Des bases en JavaScript ou TypeScript et une compréhension des notions web courantes comme les composants, les API et les bases de données. Les profils métier à l’aise avec la technique peuvent aussi suivre sans difficulté.

Un ordinateur portable avec un navigateur récent basé sur Chromium ou Firefox, un compte Bolt (offre payante conseillée pour un usage intensif) et un compte GitHub gratuit.

Demande sans engagement

Nous vous répondons sous un jour ouvré avec une confirmation ou une proposition alternative.

Format *
Total 949 € HT