Run the site locally

1. 01

   Download the template

   Open the template's page on Aniq UI and press Download Free. Enter your email and your name and press Claim: you land in your dashboard, signed in, and download the ZIP from My templates.

   • 3D Landing Page Template on Aniq UI

   Watch step0:14

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

   TerminalCopy

   unzip juicy-*.zip
   cd juicy

   Watch step0:07

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

   I've done this step
3. 03

   Build the image

   The site reads no environment variables, so the build takes no arguments. The first build downloads Node.js and the dependencies and takes a few minutes; later builds reuse what did not change.

   Terminalin juicyCopy

   docker build -t juicy .

   Watch step0:08

   Expected result: The build ends with a line naming the image juicy.

   Having trouble?

   I've done this step
4. 04

   Start it and open the site

   Start a container from the image, then open localhost:3030Local. Arabic is at /ar.

   Terminalin juicyCopy

   docker run -p 3030:3030 juicy

   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 only: run docker run -p 3041:3030 juicy and open localhost:3041Local.

   A port is already in use

   Watch step0:08

   Expected result: The page opens on the Lemon Ginger can. Scroll, press the arrow keys or use the arrow buttons to turn the wheel.

   Having trouble?

   I've done this step

Take a tour

What the page looks like once it runs.

Turn the wheel of cans0:07

Stop and start again

Press Ctrl+C in the terminal to stop it. Start it again with the same docker run command; there is nothing to rebuild.

To keep it running in the background instead, give the container a name, then stop it by that name:

docker run -d --name juicy -p 3030:3030 juicy
docker stop juicy

After docker stop, docker start juicy starts the same container again. After you change a file, run docker build -t juicy . again: the image holds a copy of the site as it was when you built it.

Next

• Make it your own brand
• Run it without Docker
• Fix a setup problem