Mettre en ligne

Avant de déployer

Définissez NEXT_PUBLIC_SITE_URL avec l'adresse que le site aura, par exemple https://www.your-domain.com. Elle est intégrée au site lors du build : elle doit donc être définie là où le build s'exécute, pas seulement là où le site tourne.

Rien d'autre n'est requis : il n'y a ni base de données ni secret.

• Reliez les formulaires que vous gardez à votre propre service. D'ici là, ils affichent un message de succès et n'envoient rien.
• Remplacez le contenu d'exemple : les textes, chiffres, témoignages, logos d'entreprises, coordonnées et articles de blog.
• Faites relire les quatre pages légales pour votre activité. Ce sont des textes d'exemple.

• Les paramètres
• Les formulaires
• Contenu d'exemple à remplacer

Vercel

1. 01

   Placez le dossier dans un dépôt Git privé

   Poussez le dossier Nextjs-landing-page-template-2 vers un dépôt privé sur GitHub, GitLab ou Bitbucket. Votre licence ne permet pas de partager le code source publiquement. 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 imposée par 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 page d'accueil.

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 20.9 ou plus récent, copiez le dossier, puis installez, construisez avec votre adresse et démarrez :

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

Vous pouvez aussi mettre la valeur dans un fichier .env.local du dossier avant yarn build. Le site répond sur le port 3030. Placez devant lui un serveur web comme Nginx ou Caddy 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 petite image qui sert le site avec Node.js sur le port 3030, avec un utilisateur sans droits d'administrateur. Indiquez votre adresse au moment du build, puis lancez-la en arrière-plan pour qu'elle redémarre avec le serveur :

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

Tout hébergeur qui exécute un Dockerfile peut le construire tel quel. 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.
• Ouvrez /sitemap.xml et /robots.txt. Chaque adresse doit commencer par votre domaine, pas par localhost. Sinon, NEXT_PUBLIC_SITE_URL n'était pas définie au moment du build.

• Moteurs de recherche et partage