monweb.xyz

boltDIY-monweb.xyz

Installer Bolt.Diy en local sur Windows 11 pour fonctionner avec Ollama

Introduction

Dans cet article, je vais vous guider pas à pas pour installer et configurer Bolt.Diy en local sur un ordinateur Windows 11. L’objectif est d’intégrer cette solution avec Ollama pour bénéficier d’un environnement de travail optimisé et fonctionnel. Suivez attentivement chaque étape afin d’assurer une installation réussie.

Installation des prérequis

Pour démarrer, vous devez installer quelques outils essentiels sur votre ordinateur.

1. Installer Git

Git est nécessaire pour cloner les dépôts du projet Bolt. Téléchargez et installez Git depuis le site officiel.

2. Installer Node.js

Node.js est une plateforme permettant d’exécuter des applications JavaScript. Téléchargez-le ici : Node.js.

3. Installer Visual Studio Code (VSCode)

VSCode est un éditeur de code recommandé pour travailler efficacement avec Bolt. Téléchargez-le à partir de Visual Studio Code.

4. Télécharger le fork de Bolt.new

Le dépôt de code source peut être téléchargé via GitHub :
https://github.com/coleam00/bolt.new-….

5. Télécharger Ollama

Rendez-vous sur Ollama pour télécharger et installer Ollama. Suivez les instructions d’installation affichées à l’écran.

Cloner le projet Bolt.diy

  1. Rendez-vous dans le répertoire où vous souhaitez installer Bolt.
  2. Ouvrez une invite de commande en tapant cmd dans la barre d’adresse du dossier.
  3. Entrez la commande suivante pour cloner le projet :
Bash
git clone https://github.com/stackblitz-labs/bolt.diy.git
Bash

Configurer le projet avec VSCode

1. Ouvrir le dossier du projet

  • Lancez VSCode.
  • Sélectionnez Ouvrir un dossier et naviguez jusqu’au répertoire où vous avez installé Bolt.

2. Accéder au terminal

  • Dans VSCode, cliquez sur Terminal > Nouveau terminal.
  • Assurez-vous que le terminal pointe bien vers le répertoire de Bolt installé.

3. Configurer le fichier d’environnement

  • Repérez le fichier .env.example dans le projet.
  • Renommez-le en .env.local.
  • Ajoutez vos propres clés API, notamment celle d’Ollama. Cela permet d’utiliser le modèle local d’Ollama sans frais supplémentaires.

Installer les dépendances

1. Installer PNPM

PNPM est un gestionnaire de paquets rapide. Pour l’installer :

  • Ouvrez PowerShell en mode administrateur.
  • Entrez la commande :
Bash
npm install -g pnpm
Bash

Si une erreur apparaît indiquant que les scripts ne peuvent pas être exécutés, tapez :

Bash
Set-ExecutionPolicy RemoteSigned
Bash

Répondez « o » pour confirmer.

2. Installer les dépendances du projet

Assurez-vous d’être dans le bon répertoire, puis tapez :

Bash
pnpm install
Bash

Lancer l’application

Pour démarrer l’application :

Bash
pnpm run dev
Bash

Si tout fonctionne correctement, vous devriez voir cette ligne parmi d’autres dans la console :

Bash
Local: http://localhost:5173/
Bash
  • Ouvrez l’adresse dans votre navigateur.
  • Si la page ne s’affiche pas, essayez de changer de port si celui si est déjà utilisé :
Bash
pnpm run dev -- --port=5178
Bash

En cas de problème persistant, il est possible que le pare-feu Windows pose un problème. Essayer d’ouvrir le port ou si comme dans mon cas cela ne suffit pas j’ai choisi d’utiliser l’option (–host) pour exposez le serveur sur le réseau :

Bash
pnpm run dev -- --port=5178 --host
Bash

Normalement Windows vas vous demander d’autoriser le pare-feu à laisser passer sur le réseau. Finalement pour moi c’est ce qu’il me conviens car grâce à un reverse proxy en https et un nom de domaine, je peu y accéder de l’extérieur tout en ayant une connexion sécurisé avec ‘Authelia’ en 2AF. En revanche je bloque le port 5173 ou 5178 si changé.

Configurer Ollama avec Bolt

1. Lancer Ollama

  • Accédez au site Ollama pour choisir un modèle. (j’ai choisi le model Qwen 2.5 de 32b)
  • Copiez le code de téléchargement du modèle et exécutez le dans un shell avec Ollama :
Bash
ollama run qwen2.5-coder:32b
Bash
  • Patientez pendant le téléchargement du modèle.

2. Intégrer Ollama dans Bolt

  • Ouvrez Bolt dans votre navigateur.
  • En bas à gauche, accédez à Paramètres > Providers.
  • Ajoutez l’URL de votre instance locale d’Ollama. Exemple :
Bash
http://localhost:11434
Bash

3. Tester le modèle

  • Dans l’interface principale de Bolt, sélectionnez Ollama et choisissez le modèle téléchargé.
  • Testez avec un prompt pour vérifier le bon fonctionnement.

Télécharger les fichiers du projet

Une fois que votre projet est prêt, vous pouvez télécharger tous les fichiers :

  • Cliquez sur Download Code en haut à droite de l’interface de Bolt.
  • Un fichier ZIP contenant le projet sera téléchargé.

Conclusion

Grâce à ce guide, vous pouvez maintenant installer et configurer Bolt.Diy en local sur Windows 11 avec Ollama. Cet environnement vous permet de développer des projets rapidement tout en tirant parti des fonctionnalités locales offertes par Ollama.

FAQ

  1. Que faire si la page localhost ne s’ouvre pas ?
    Vérifiez les paramètres de port ou utilisez l’option --host pour exposer le serveur sur le réseau.
  2. Puis-je utiliser un autre modèle qu’Ollama ?
    Oui, vous pouvez intégrer d’autres modèles compatibles en modifiant le fichier .env.local.
  3. Pourquoi utiliser PNPM au lieu de NPM ?
    PNPM est plus rapide et consomme moins d’espace disque grâce à sa gestion efficace des dépendances.
  4. Où trouver d’autres modèles Ollama ?
    Rendez-vous sur la bibliothèque Ollama pour explorer les options disponibles.
  5. Comment réinitialiser les paramètres de Bolt ?
    Supprimez ou modifiez le fichier .env.local pour repartir sur une nouvelle configuration.