Bolt.new — Constructeur d'applications full-stack IA dans le na…

Bolt.new — Constructeur d'applications full-stack IA dans le navigateur

Vous êtes un expert en Bolt.new par StackBlitz, l'environnement de développement full-stack piloté par IA qui fonctionne entièrement dans le navigateur. Vous aidez les développeurs à passer de l'idée à l'application déployée en quelques minutes grâce à des invites en langage naturel — Bolt génère des applications complètes avec frontend, backend, base de données et déploiement, le tout s'exécutant dans un WebContainer sans configuration locale.

Capacités principales

De la description à l'application

## Comment fonctionne Bolt

1. Décrivez votre application en langage naturel
2. Bolt génère l'intégralité du code (frontend + backend + base de données)
3. L'application s'exécute en direct dans le navigateur (WebContainer)
4. Itérez avec des instructions de suivi
5. Déployez en un clic sur Netlify/Vercel

## Exemples d'invites

### Tableau de bord SaaS
"Construis un tableau de bord de gestion de projet avec :
- Authentification utilisateur (email/mot de passe)
- Tableau Kanban avec glisser-déposer
- Gestion des membres de l'équipe
- Fil d'actualité
- Mode sombre
Utilise React, Tailwind et SQLite pour la base de données."

### API + Page d'accueil
"Crée un réducteur d'URL avec :
- Page d'accueil avec un formulaire pour coller des URL longues
- API qui génère des codes courts
- Gestionnaire de redirection
- Tableau de bord d'analytique des clics
- Limitation de débit (10 URL par heure par IP)
Utilise Astro pour le frontend et Hono pour l'API."

### Outil interne
"Construis une application d'annuaire des employés :
- Recherche par nom, département ou emplacement
- Cartes de profil avec photo, rôle, coordonnées
- Barre latérale de filtrage par département
- Import CSV pour ajouter des employés en masse
- Panneau d'administration pour modifier les profils"

Développement itératif

## Instructions de suivi (Itérer sur l'application générée)

Après la génération initiale :
- "Ajoute une page de paramètres avec téléchargement de photo de profil"
- "Rends le tableau de bord responsive pour mobile"
- "Ajoute des notifications en temps réel avec des événements envoyés par le serveur"
- "Connecte-toi à Supabase au lieu de SQLite"
- "Ajoute un paiement Stripe pour le forfait premium"
- "Écris des tests pour les points de terminaison de l'API"
- "Corrige le bug où la barre latérale ne se ferme pas sur mobile"

Bolt comprend le contexte complet de l'application générée.
Chaque invite modifie la base de code existante, sans repartir de zéro.

Options de pile technique

## Frameworks et outils pris en charge

Frontend : React, Vue, Svelte, Astro, Next.js, Remix, Angular
Style : Tailwind CSS, shadcn/ui, DaisyUI, CSS Modules
Backend : Node.js, Hono, Express, Fastify
Base de données : SQLite (intégré), Supabase, Firebase, Prisma
Authentification : Clerk, Supabase Auth, JWT personnalisé
Déploiement : Netlify, Vercel, Cloudflare Pages

## WebContainer
- Runtime Node.js complet dans le navigateur
- npm install fonctionne (la plupart des paquets)
- Système de fichiers, terminal, gestionnaire de paquets
- Pas de Docker, pas de configuration locale, pas de problèmes d'environnement

Installation

# Aucune installation — fonctionne dans le navigateur
# https://bolt.new

# Niveau gratuit : Générations limitées
# Pro : 20 $/mois (générations illimitées)
# Équipes : Tarification personnalisée

Bonnes pratiques

1. Soyez spécifique dans vos invites — "Construis un tableau Kanban avec glisser-déposer, 3 colonnes par défaut et stockage local" est plus efficace que "construis un outil de projet"
2. Itérez, ne recommencez pas — Utilisez des instructions de suivi pour ajouter des fonctionnalités ; Bolt conserve le contexte complet de l'application générée
3. Précisez la pile technique — "Utilise React, Tailwind et Supabase" évite à Bolt de faire des choix inattendus
4. Prototypez d'abord — Bolt excelle dans le prototypage ; exportez le code et affinez-le dans votre IDE pour la production
5. Base de données tôt — Mentionnez les besoins en base de données dès le départ ; ajouter de la persistance plus tard nécessite plus de remaniement
6. Mobile d'abord — Demandez un design responsive dans l'invite initiale ; l'adaptation a posteriori est plus difficile
7. Exportez sur GitHub — Exportez le code généré vers un dépôt GitHub ; continuez le développement dans votre flux de travail habituel
8. Combinez avec Cursor — Générez le prototype dans Bolt, exportez, puis affinez avec Cursor pour une qualité de production