How do I create a Dockerfile for an Angular app with Nginx?

How do I create a Dockerfile for an Angular app with Nginx?

To create a Dockerfile for an Angular app with Nginx, you can start with the following example:

# Stage 1: Build the Angular app
FROM node:14 AS build
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build --prod

# Stage 2: Serve the app with Nginx
FROM nginx:alpine
COPY --from=build /app/dist/your-angular-app /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

What should I include in the nginx.conf file?

Your nginx.conf file should look something like this:

server {
    listen 80;
    server_name localhost;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
}

How do I build and run the Docker container?

You can build and run your Docker container with the following commands:

1. Build the Docker image:

   docker build -t my-angular-app .
   

2. Run the Docker container:

   docker run -d -p 80:80 my-angular-app