Lancer la landing page en local
Lancez la landing page sur votre ordinateur avec deux commandes Docker.
Avant de commencer : installez et ouvrez Docker Desktop, ou Docker Engine sous Linux. Rien d'autre n'est nécessaire.
Voir la configuration requiseTéléchargez le template
Ouvrez la page du template sur aniq-ui.com et cliquez sur Obtenir Gratuitement. Saisissez votre nom et votre e-mail : vous arrivez dans votre tableau de bord, où Mes templates contient le ZIP.
Résultat attendu: Un fichier nommé comme
landing-page-template-2-main-….zipse trouve dans vos téléchargements.Décompressez et ouvrez le dossier
Extrayez le ZIP et ouvrez un terminal dans le dossier
landing-page-template-2. Sous Windows, extrayez-le dans l'Explorateur de fichiers, puis ouvrez un terminal dans le dossier.Terminalunzip landing-page-template-2-*.zip cd landing-page-template-2Résultat attendu: Le dossier contient
Un problème ?Dockerfile,package.json,messages,publicetsrc.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é.
Terminaldanslanding-page-template-2docker build -t saas-landing .Résultat attendu: Le build se termine par une ligne qui nomme l'image
Un problème ?saas-landing.Démarrez le site et ouvrez la page
Démarrez un conteneur à partir de l'image, puis ouvrez localhost:3030Local. Laissez le terminal ouvert pendant que vous l'utilisez.
Terminaldanslanding-page-template-2docker run -p 3030:3030 saas-landingUn port est déjà utilisé ?
Si le démarrage s'arrête avec
Un port est déjà utiliséports are not available ... address already in use, un autre programme utilise le port 3030. Arrêtez-le, ou changez le nombre à gauche de-pet ouvrez ce port à la place :docker run -p 3041:3030 saas-landing, puis localhost:3041Local.Résultat attendu: La landing page s'ouvre en anglais, ou en arabe si votre navigateur préfère l'arabe. L'autre langue est à un clic, dans l'en-tête.
Un problème ?
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'identifiant que docker ps affiche pour saas-landing. Pour redémarrer, exécutez 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 deux paramètres optionnels sont compilés dans la page au moment du build de l'image : ce sont donc des arguments de build, pas des options de docker run :
landing-page-template-2docker build -t saas-landing --build-arg NEXT_PUBLIC_SITE_URL=https://www.your-domain.com .