First things first, make sure Docker is up and running on your machine. Head over to the Docker website to grab the installer and follow the steps for your operating system. Easy peasy.

Hop onto the WeWeb platform and start a new project. Tweak and set it up just the way you like it.

You'll need the Docker CLI to chat with Docker. Check if it's installed by running this command in your terminal:

docker --version

You should see the Docker version info pop up.

In the root directory of your WeWeb project, create a Dockerfile. This file will define your Docker image:

# Use node:14 as the base for building the WeWeb project
FROM node:14 AS build

# Set the working directory
WORKDIR /app

# Copy package.json and package-lock.json files
COPY package*.json ./

# Install project dependencies
RUN npm install

# Copy the entire project directory
COPY . .

# Build the WeWeb project
RUN npm run build

# Use nginx as the base for the final image
FROM nginx:alpine

# Copy build files from build stage to nginx html directory
COPY --from=build /app/build /usr/share/nginx/html

# Copy nginx configuration file
COPY nginx.conf /etc/nginx/nginx.conf

# Expose port 80
EXPOSE 80

# Start nginx server
CMD ["nginx", "-g", "daemon off;"]

Along with the Dockerfile, create an nginx.conf file in the root directory of your WeWeb project:

server {
    listen 80;
    
    location / {
        root /usr/share/nginx/html;
        index index.html;
        try_files $uri $uri/ /index.html;
    }
}

Open your terminal, navigate to the root directory of your WeWeb project where the Dockerfile is, and build the Docker image by running:

docker build -t weweb-project .

Once the Docker image is ready, run the container with this command:

docker run -d -p 80:80 weweb-project

This will start a container from the weweb-project image and map port 80 of the container to port 80 of your host machine. Simple, right?

Fire up your web browser and go to http://localhost. You should see your WeWeb project live and kicking.

To stop the running container, find the container ID by using:

docker ps

Then, stop it with:

docker stop <container_id>

To remove stopped containers, use:

docker rm <container_id>

To list all Docker images, use:

docker images

To remove an image, use:

docker rmi <image_id>