Mettre le site en ligne

Définissez d'abord votre adresse

NEXT_PUBLIC_SITE_URL est l'adresse depuis laquelle le site est servi, par exemple https://www.your-domain.com. Le lien canonique, les alternatives de langue et l'image de partage sont construits à partir d'elle. Si elle n'est pas définie, ils pointent vers http://localhost:3030.

Elle est intégrée au build : définissez-la là où le build s'exécute. Chaque modification demande un nouveau build.

C'est la seule variable que lit le site, et elle n'est pas secrète.

Vercel

1. 01

   Placez le dossier dans un dépôt Git

   Envoyez le dossier landing-page-template-3 sur GitHub, GitLab ou Bitbucket.
2. 02

   Importez-le dans Vercel

   Vercel reconnaît Next.js. Gardez ses réglages de build tels quels.
3. 03

   Ajoutez votre adresse

   Dans Environment Variables, ajoutez NEXT_PUBLIC_SITE_URL avec votre domaine, puis déployez.
4. 04

   Connectez votre domaine

   Ajoutez le domaine dans les réglages du projet, et vérifiez qu'il correspond à NEXT_PUBLIC_SITE_URL.

N'importe quel serveur Node.js

Sur un serveur avec Node.js 22 ou plus récent, après avoir défini NEXT_PUBLIC_SITE_URL dans .env :

corepack enable
yarn install
yarn build
yarn start

yarn start sert le site sur le port 3030 ; yarn start -p 8080 utilise un autre port. La variable PORT est ignorée, car le script fixe lui-même le port. Placez devant un reverse proxy comme Nginx ou Caddy pour le HTTPS et votre domaine, et maintenez le processus actif avec un gestionnaire comme PM2 ou systemd.

Docker

L'image sert le build standalone de Next.js avec Node.js 24, sous un utilisateur sans privilèges, sur le port 3030. Construisez-la avec votre adresse, puis lancez-la sur n'importe quel serveur qui exécute des conteneurs :

docker build -t company-site --build-arg NEXT_PUBLIC_SITE_URL=https://www.your-domain.com .
docker run -d --restart unless-stopped -p 3030:3030 company-site

Le conteneur n'a besoin d'aucune variable d'environnement à l'exécution. Dirigez votre reverse proxy ou le routage de la plateforme vers le port 3030. Une plateforme qui construit à partir du Dockerfile fonctionne de la même façon : donnez-lui NEXT_PUBLIC_SITE_URL comme argument de build.

Vérifiez après le déploiement

• Votre domaine ouvre la page anglaise sur /en, et le sélecteur mène à /ar.
• Dans le code source de la page, le lien canonique commence par votre domaine, et non par localhost.
• Un lien vers le site partagé dans une discussion affiche l'image d'aperçu de public/image.png.

• Une modification de l'adresse n'a aucun effet