Aller à l'article

Web Design AgencyLancer le site sans Docker

Lancer le site sans Docker

Installez et démarrez le site avec Node.js et Yarn, en développement ou en build de production.

DockerRecommandé Installation manuelle

Avant de commencer : installez Node.js 22 ou plus récent. Aucune base de données ni aucun paquet global n'est nécessaire.

Voir la configuration requise

Ouvrez un terminal dans le dossier landing-page-template-1, celui que vous obtenez en décompressant le téléchargement.

Démarrer le serveur de développement

01
Installez et démarrez
corepack enable fait utiliser à yarn la version de Yarn 4 fixée par le projet ; vous la lancez une fois par ordinateur. yarn install télécharge les dépendances, et yarn dev démarre le site.
Terminaldans landing-page-template-1
```
corepack enable
yarn install
yarn dev
```
Résultat attendu: localhost:3030Local ouvre la page. Une modification d'un fichier dans src/ ou messages/ apparaît dans le navigateur sans redémarrage.
Un problème ?
J'ai fait cette étape

Un port est déjà utilisé ?

Si yarn dev s'arrête avec EADDRINUSE: address already in use :::3030, un autre programme utilise le port 3030. Arrêtez-le, ou démarrez sur un autre port avec yarn dev -p 3041 et ouvrez localhost:3041Local.

Un port est déjà utilisé

Appuyez sur Ctrl+C dans le terminal pour arrêter le serveur de développement.

Réglages facultatifs

Le site fonctionne sans aucune configuration. Pour définir l'adresse publique de votre site ou une API pour le formulaire de contact, copiez .env.example vers .env.local et modifiez-le :

Terminaldans landing-page-template-1

cp .env.example .env.local

Dans PowerShell :

Terminaldans landing-page-template-1

Copy-Item .env.example .env.local

Redémarrez yarn dev après l'avoir modifié.

Le rôle des deux réglages

Build de production

Faites le build du site une fois, puis servez-le :

Terminaldans landing-page-template-1

yarn build
yarn start

yarn start sert le build sur localhost:3030Local. Sur un autre port : yarn start -p 3041.

yarn build inscrit les valeurs de .env.local dans le build : relancez-le après en avoir modifié une.

Scripts

Script	Rôle
`yarn dev`	Démarre le serveur de développement sur le port `3030`
`yarn build`	Fait le build de production
`yarn start`	Sert le build de production sur le port `3030`
`yarn lint`	Vérifie le code avec ESLint
`yarn typecheck`	Vérifie les types avec TypeScript

Étapes suivantes

Bloqué sur une étape ?

Trouvez une solution avant de tout recommencer.

Nous utilisons des cookies pour améliorer votre expérience de navigation, analyser le trafic du site et personnaliser le contenu. En cliquant sur "Accepter Tout", vous consentez à notre utilisation des cookies pour l'analyse et la publicité personnalisée.