Run the site locally

1. 01

   Download the template

   Open the template's page on aniq-ui.com and press Get Free. Enter your email and your name, then press Claim. The template is added to My templates in your dashboard, where you download the ZIP.

   • Template page
   • My templates

   Watch step0:14

   Expected result: A file named like landing-page-template-1-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-1 folder. On Windows, extract it in File Explorer, then open a terminal in the folder.

   TerminalCopy

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

   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

   This installs the dependencies and makes a production build inside Docker. Nothing has to be configured first. The first build takes a few minutes; later builds reuse what did not change.

   Terminalin landing-page-template-1Copy

   docker build -t agency-portfolio .

   Watch step0:08

   Expected result: The build ends without an error and the image is named agency-portfolio.

   Having trouble?

   I've done this step
4. 04

   Start the site

   Run the image. The site listens on port 3030.

   Terminalin landing-page-template-1Copy

   docker run -p 3030:3030 agency-portfolio

   A port is already in use?

   If Docker answers 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, for example docker run -p 3041:3030 agency-portfolio, and open localhost:3041Local instead.

   A port is already in use

   Watch step0:08

   Expected result: localhost:3030Local opens the page. /en is the English page and /ar the Arabic one, right to left.

   Having trouble?

   I've done this step

Take a tour

What the page looks like once it runs.

Switch to Arabic and scroll0:07

Stop and start again

Press Ctrl+C in the terminal to stop the site. If the terminal does not come back, find the container from another terminal and stop it with its ID:

docker ps
docker stop <container-id>

Start it again with the same docker run command: the image is already built.

Next

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