Run the site locally

1. 01

   Download your template

   Open the template's page on Aniq UI and press Get Free. Enter your name and email and press Claim: you land signed in on your dashboard, where the ZIP is ready to download.

   • The template's page

   Watch step0:14

   Expected result: A file named like landing-page-template-3-main-….zip is in your downloads.

   I've done this step
2. 02

   Unzip and open the folder

   Extract the ZIP and open a terminal in the landing-page-template-3 folder. On Windows, extract it in File Explorer, then open a terminal in the folder.

   TerminalCopy

   unzip landing-page-template-3-*.zip
   cd landing-page-template-3

   Watch step0:08

   Expected result: The folder lists Dockerfile, package.json, messages, public and src.

   Having trouble?

   I've done this step
3. 03

   Build the image

   Docker installs the dependencies and builds the site inside the image. Nothing has to be configured first. The first build takes a few minutes; later builds reuse every step that did not change.

   Terminalin landing-page-template-3Copy

   docker build -t company-site .

   Watch step0:08

   Expected result: The build ends without an error, and its last lines name the image company-site.

   Having trouble?

   I've done this step
4. 04

   Start it and open the site

   Start the container, then open localhost:3030Local. English is at /en, Arabic at /ar.

   Terminalin landing-page-template-3Copy

   docker run -p 3030:3030 company-site

   A port is already in use?

   If Docker stops with port is already allocated or address already in use, another program uses port 3030. Stop it, or change the number on the left of -p: run docker run -p 3041:3030 company-site and open localhost:3041Local.

   A port is already in use

   Watch step0:08

   Expected result: The terminal says the server is ready, and the page opens on its hero.

   Having trouble?

   I've done this step

Take a tour

What the page looks like once it runs.

Scroll to the features0:06

The same page is live at landing-page-template-3.aniq-ui.com.

Stop and start again

Press Ctrl+C in the terminal to stop the site. If that terminal is closed, docker ps lists the running container and docker stop followed by its ID stops it.

Start again with the same docker run command. After you change a file, build the image again first: the image holds a copy of the site as it was when you built it.

docker build -t company-site .
docker run -p 3030:3030 company-site

Next

• Run it without Docker
• Make it yours
• Fix a setup problem