Lancer le site en local
Faites tourner le site 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 e-mail et votre nom, puis cliquez sur Réclamer. Le template est ajouté à Mes templates dans votre tableau de bord, où vous téléchargez le ZIP.
Résultat attendu: Un fichier nommé comme
landing-page-template-1-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-1. Sous Windows, extrayez-le dans l'Explorateur de fichiers, puis ouvrez un terminal dans le dossier.Terminalunzip landing-page-template-1-*.zip cd landing-page-template-1Résultat attendu: Le dossier contient
Un problème ?Dockerfile,package.json,messages,publicetsrc.Construisez l'image
Cette commande installe les dépendances et fait un build de production dans Docker. Rien n'est à configurer avant. Le premier build prend quelques minutes ; les suivants réutilisent ce qui n'a pas changé.
Terminaldanslanding-page-template-1docker build -t agency-portfolio .Résultat attendu: Le build se termine sans erreur et l'image s'appelle
Un problème ?agency-portfolio.Démarrez le site
Lancez l'image. Le site écoute sur le port
3030.Terminaldanslanding-page-template-1docker run -p 3030:3030 agency-portfolioUn port est déjà utilisé ?
Si Docker répond
Un port est déjà utiliséport is already allocatedouaddress already in use, un autre programme utilise le port3030. Arrêtez-le, ou changez le nombre à gauche de-p, par exempledocker run -p 3041:3030 agency-portfolio, et ouvrez plutôt localhost:3041Local.Résultat attendu: localhost:3030Local ouvre la page.
Un problème ?/enest la page en anglais et/arla page en arabe, de droite à gauche.
Faites le tour
À quoi ressemble la page une fois lancée.
Arrêter et redémarrer
Appuyez sur Ctrl+C dans le terminal pour arrêter le site. Si le terminal ne rend pas la main, trouvez le conteneur depuis un autre terminal et arrêtez-le avec son identifiant :
docker ps
docker stop <container-id>Relancez-le avec la même commande docker run : l'image est déjà construite.
Vous avez modifié un fichier ?
L'image contient une copie du code au moment de son build. Après avoir modifié un texte, une image ou le code, relancez docker build -t agency-portfolio . avant docker run.