Run the landing page locally

1. 01

   Download the template

   Open the template's page on aniq-ui.com and press Get Free. Enter your name and email: you land in your dashboard, where My templates has the ZIP.

   • The template on aniq-ui.com

   Watch step0:14

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

   TerminalCopy

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

   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. The first build takes a few minutes and needs an internet connection; later builds reuse what did not change.

   Terminalin landing-page-template-2Copy

   docker build -t saas-landing .

   Watch step0:08

   Expected result: The build ends with a line naming the image saas-landing.

   Having trouble?

   I've done this step
4. 04

   Start it and open the page

   Start a container from the image, then open localhost:3030Local. Leave the terminal open while you use it.

   Terminalin landing-page-template-2Copy

   docker run -p 3030:3030 saas-landing

   A port is already in use?

   If the start stops with ports are not available ... address already in use, another program uses port 3030. Either stop it, or change the number on the left of -p and open that port instead: docker run -p 3041:3030 saas-landing, then localhost:3041Local.

   A port is already in use

   Watch step0:08

   Expected result: The landing page opens in English, or in Arabic when your browser prefers Arabic. The other language is one click away in the header.

   Having trouble?

   I've done this step

Stop and start again

Press Ctrl+C in the terminal to stop the site. If you closed that terminal, find the container and stop it:

docker ps
docker stop <container-id>

Use the ID that docker ps lists for saas-landing. To start again, run the same docker run command; the image is already built.

After you change a file, build the image again before you run it. The image holds a copy of the code from when it was built.

Your own settings

The two optional settings are compiled into the page when the image is built, so they are build arguments, not docker run options:

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

• What each setting does

Next

• Make it yours
• Run it without Docker
• Put it online