Bolt.diy - Créez des apps full-stack en un clic avec l'IA, directement dans votre navigateur

Salut les bidouilleurs, aujourd’hui, je vais vous parler d’un truc qui fait pas mal de bruit dans le monde du dev : bolt.diy. En gros, c’est un outil open source totalement forké de bolt.new, qui vous permet de développer des applis web full-stack directement dans votre navigateur, avec l’IA de votre choix aux commandes.

Ça fait rêver, non ?

Comment ça marche ?

Bolt.diy utilise les WebContainers de StackBlitz pour vous permettre de faire tourner Node.js directement dans votre navigateur, comme ça, plus besoin d’installer 40 trucs sur votre machine : tout se passe dans le navigateur.

Ce qui rend bolt.diy vraiment intéressant, c’est qu’on peut utiliser l’IA de notre choix : OpenAI, Anthropic (Claude), Ollama, Mistral, Gemini… La liste est longue et s’allonge régulièrement. Ensuite que ce soit pour l’installation de packages npm, gestion des dépendances, lancement de serveurs Node.js : tout est géré automatiquement, et l’IA a un contrôle total sur l’environnement : système de fichiers, terminal, console du navigateur…

Ainsi vous pouvez déployer directement vos apps depuis l’interface (bon, c’est encore un peu expérimental quand même).

Tutorial - Créons une vraie app avec bolt.diy

Allez, on va pas se contenter de blabla, je vais vous montrer comment créer un truc concret. On va installer bolt.diy et créer une petite app React avec Tailwind CSS.

Installation (la partie chiante mais nécessaire)

# D'abord, on clone le repo
git clone -b stable https://github.com/stackblitz-labs/bolt.diy

# On se place dans le dossier
cd bolt.diy

# On installe pnpm si pas déjà fait
npm install -g pnpm

# On installe les dépendances
pnpm install

Ça peut aussi tourner dans Docker si vous le souhaitez. Suffit de cloner le dépôt, de vous placer dans le dossier bolt.diy puis de lancer successivement les commandes suivantes :

npm run dockerbuild:prod 

docker-compose --profile production up

Configuration de l’environnement

Ensuite, créez un fichier .env.local à la racine du projet (copiez .env.example) et ajoutez vos clés API :

OPENAI_API_KEY=sk-votre-clé-ici
ANTHROPIC_API_KEY=sk-ant-votre-clé-là

Et si vous utilisez Ollama en local, pas besoin de clé.

Lancement et premier projet

Lancez maintenant l’outil avec :

pnpm run dev

Une fois dans l’interface, voici un prompt qui marche bien pour démarrer :

Rejoignez-moi !

Conclusion

Bolt.diy n’est pas encore parfait, mais ça progresse vite. C’est déjà un outil génial pour prototyper rapidement ou pour les devs qui veulent gagner du temps sur les tâches répétitives. La communauté est super active, et de nouvelles features arrivent chaque semaine. Je vous recommande de gardez un œil dessus, car ça pourrait bien devenir votre prochain meilleur pote de dev.

Source : GitHub de bolt.diy