Lancer le tableau de bord sans Docker
Installez et démarrez le tableau de bord avec Node.js et Yarn, en développement ou en version de production.
Avant de commencer : installez Node.js 20.9 ou une version plus récente ; 22 ou 24 est recommandé. Aucune base de données ni fichier .env n'est nécessaire pour un premier lancement.
Téléchargez et décompressez le template comme dans le guide Docker, puis ouvrez un terminal dans le dossier dashboard-template-1.
Démarrez le serveur de développement
Activez Corepack
Corepack lance la version de Yarn que le projet fixe, Yarn 4.12.0. Vous ne le faites qu'une fois par ordinateur.
Terminalcorepack enableUn problème ?Installez les dépendances
Terminaldansdashboard-template-1yarn installRésultat attendu: Yarn se termine par
Un problème ?Doneet un dossiernode_modulesapparaît.Démarrez-le et ouvrez le tableau de bord
Terminaldansdashboard-template-1yarn devUn port est déjà utilisé ?
Si le démarrage s'arrête avec
Un port est déjà utiliséEADDRINUSE: address already in use :::3030, un autre programme utilise le port 3030. Arrêtez-le, ou démarrez sur un autre port avecyarn dev -p 3041et ouvrez localhost:3041Local.Résultat attendu: localhost:3030/
Un problème ?en/ loginLocal ouvre la page de connexion. Elle se recharge toute seule quand vous enregistrez un fichier.
Connectez-vous avec le compte indiqué dans le guide Docker. Arrêtez le serveur avec Ctrl+C dans son terminal.
Lancer un build de production
Le serveur de développement sert à modifier le code. Pour vérifier le tableau de bord tel que vos utilisateurs le reçoivent, construisez-le une fois, puis servez cette version :
dashboard-template-1yarn build
yarn startIl répond aussi sur localhost:3030/yarn start -p 3041. Relancez yarn build après chaque modification : yarn start sert la dernière version construite, telle quelle.
Les scripts
| Script | Rôle |
|---|---|
yarn dev | Serveur de développement sur le port 3030 |
yarn build | Build de production |
yarn start | Sert le build de production sur le port 3030 |
yarn lint | Vérifie le code avec ESLint et les règles de Next.js |
yarn type-check | Vérifie les types TypeScript |
Vos propres paramètres
Chaque paramètre est optionnel. Pour en changer un, copiez .env.example vers .env.local et modifiez-le là. Les valeurs sont lues au démarrage en développement et pendant le build : redémarrez donc yarn dev, ou relancez yarn build, après une modification.
dashboard-template-1cp .env.example .env.local