Lancer le site en local

1. 01

   Téléchargez votre template

   Ouvrez Mes templates dans votre tableau de bord Aniq UI et téléchargez le ZIP.

   • Mes templates

   0:00 / 0:07

   Résultat attendu: Un fichier nommé comme Nextjs-landing-page-template-2-main-….zip se trouve dans vos téléchargements.

   J'ai fait cette étape
2. 02

   Décompressez et ouvrez le dossier

   Extrayez le ZIP et ouvrez un terminal dans le dossier Nextjs-landing-page-template-2. Sous Windows, extrayez-le dans l'Explorateur de fichiers, puis ouvrez un terminal dans le dossier.

   TerminalCopier

   unzip Nextjs-landing-page-template-2-*.zip
   cd Nextjs-landing-page-template-2

   0:00 / 0:08

   Résultat attendu: Le dossier contient Dockerfile, package.json, messages, public et src.

   Un problème ?

   J'ai fait cette étape
3. 03

   Construisez l'image

   Docker installe les dépendances et construit le site dans l'image. Le premier build prend quelques minutes et nécessite une connexion internet ; les builds suivants réutilisent ce qui n'a pas changé.

   Terminaldans Nextjs-landing-page-template-2Copier

   docker build -t analytics-landing .

   0:00 / 0:08

   Résultat attendu: Le build se termine par une ligne qui nomme l'image analytics-landing.

   Un problème ?

   J'ai fait cette étape
4. 04

   Démarrez le site et ouvrez-le

   Démarrez un conteneur à partir de l'image, puis ouvrez localhost:3030/enLocal. Laissez le terminal ouvert pendant que vous l'utilisez.

   Terminaldans Nextjs-landing-page-template-2Copier

   docker run -p 3030:3030 analytics-landing

   Un port est déjà utilisé ?

   Si le démarrage s'arrête avec port is already allocated ou address already in use, un autre programme utilise le port 3030. Arrêtez-le, ou changez le nombre à gauche de -p et ouvrez ce port à la place : docker run -p 3041:3030 analytics-landing, puis localhost:3041/enLocal.

   Un port est déjà utilisé

   0:00 / 0:07

   Résultat attendu: La page d'accueil s'ouvre en anglais, avec l'aperçu du tableau de bord sous le titre. Le menu de langue dans l'en-tête passe à l'arabe.

   Un problème ?

   J'ai fait cette étape

Arrêter et redémarrer

Appuyez sur Ctrl+C dans le terminal pour arrêter le site. Si vous avez fermé ce terminal, trouvez le conteneur et arrêtez-le :

docker ps
docker stop <container-id>

Utilisez l'ID que docker ps affiche pour analytics-landing. Pour redémarrer, relancez la même commande docker run ; l'image est déjà construite.

Après avoir modifié un fichier, reconstruisez l'image avant de la lancer. L'image contient une copie du code tel qu'il était au moment de son build.

Vos propres paramètres

Les paramètres sont intégrés au site lors de la construction de l'image : ce sont donc des arguments de build, pas des options de docker run. Celui à régler avant la mise en ligne est votre adresse :

docker build -t analytics-landing --build-arg NEXT_PUBLIC_SITE_URL=https://www.your-domain.com .

• Le rôle de chaque paramètre

Étapes suivantes

• Aux couleurs de votre marque
• Lancer sans Docker
• Mettre en ligne