Lancer le site sans Docker
Installez et démarrez le site avec Node.js et Yarn, en développement ou en build 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 Nextjs-landing-page-template-2.
Démarrez le serveur de développement
Activez Corepack
Corepack lance la version de Yarn que le projet impose, Yarn 4.8.1. Vous n'avez à le faire qu'une fois par ordinateur.
Terminalcorepack enableUn problème ?Installez les dépendances
TerminaldansNextjs-landing-page-template-2yarn installRésultat attendu: Yarn se termine par
Un problème ?Doneet un dossiernode_modulesapparaît.Démarrez le site et ouvrez-le
TerminaldansNextjs-landing-page-template-2yarn devUn port est déjà utilisé ?
S'il 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:3041/enLocal.Résultat attendu: localhost:3030/enLocal ouvre la page d'accueil. Elle se recharge toute seule quand vous enregistrez un fichier.
Un problème ?
Arrêtez le serveur avec Ctrl+C dans son terminal.
Lancer un build de production
Le serveur de développement sert à modifier le site. Pour vérifier le site tel que les visiteurs le reçoivent, construisez-le une fois, puis servez le build :
Nextjs-landing-page-template-2yarn build
yarn startIl répond aussi sur localhost:3030/enLocal. Si le port 3030 est pris, utilisez yarn start -p 3041. Relancez yarn build après chaque modification : yarn start sert le dernier build tel quel.
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 typecheck | 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.
Nextjs-landing-page-template-2cp .env.example .env.local