Mettre en ligne

Avant de déployer

Réglez NEXT_PUBLIC_SITE_URL sur l'adresse qu'aura le site, comme https://www.your-domain.com. Elle est compilée dans la page au moment du build : elle doit donc être définie là où le build s'exécute, pas seulement là où le site tourne.

Définissez aussi NEXT_PUBLIC_API_BASE_URL si vous affichez la section newsletter. Rien d'autre n'est nécessaire : il n'y a ni base de données ni secret.

• Les deux paramètres

Vercel

1. 01

   Placez le dossier dans un dépôt Git

   Poussez le dossier landing-page-template-2 sur GitHub, GitLab ou Bitbucket. Le téléchargement contient déjà un .gitignore qui exclut node_modules, le build et vos fichiers .env.
2. 02

   Importez-le dans Vercel

   Dans Vercel, ajoutez un nouveau projet à partir de ce dépôt. Il détecte Next.js ; gardez les paramètres de build par défaut.
3. 03

   Ajoutez les variables d'environnement

   Dans les Environment Variables du projet, ajoutez NEXT_PUBLIC_SITE_URL avec votre adresse, et ENABLE_EXPERIMENTAL_COREPACK avec la valeur 1 pour que Vercel installe avec la version de Yarn 4 que fixe package.json.
4. 04

   Déployez

   Lancez le déploiement, puis ajoutez votre domaine dans les paramètres Domains du projet.

   Résultat attendu: Votre domaine ouvre la landing page.

Après avoir modifié une variable, redéployez : le site en ligne garde les valeurs avec lesquelles il a été construit.

Tout serveur avec Node.js

Sur un serveur avec Node.js 22 ou une version plus récente, copiez le dossier, définissez les variables, puis installez, construisez et démarrez :

corepack enable
yarn install
NEXT_PUBLIC_SITE_URL=https://www.your-domain.com yarn build
yarn start

Vous pouvez aussi mettre les valeurs dans un fichier .env.local dans le dossier avant yarn build. Le site répond sur le port 3030. Placez un serveur web comme Nginx ou Caddy devant lui pour votre domaine et le HTTPS, et gardez yarn start actif avec un gestionnaire de processus ou un service système.

Une image Docker

Le Dockerfile construit une image légère qui sert le site avec Node.js sur le port 3030. Passez vos paramètres au moment du build, puis lancez-la en arrière-plan pour qu'elle redémarre avec le serveur :

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

Ajoutez --build-arg NEXT_PUBLIC_API_BASE_URL=… si vous utilisez la newsletter. Tout hébergeur qui exécute un Dockerfile peut la construire telle quelle. Placez un serveur web devant le port 3030 pour votre domaine et le HTTPS, comme pour Node.js.

Une fois en ligne

• Ouvrez votre adresse avec /en et /ar et vérifiez les deux langues.
• Affichez le code source de la page et vérifiez que le lien canonical commence par votre domaine, et non par localhost. Sinon, NEXT_PUBLIC_SITE_URL n'était pas défini au moment du build du site.