FROM node:14.9.0 AS build-step

​

WORKDIR /build

COPY package.json package-lock.json ./

RUN npm install

​

COPY . .

RUN npm run build

​

FROM nginx:1.18-alpine

COPY nginx.conf /etc/nginx/nginx.conf

COPY --from=build-step /build/build /frontend/build

# Multi-stage

# 1) Node image for building frontend assets

# 2) nginx stage to serve frontend assets

​

# Name the node stage "builder"

FROM node:10 AS builder

# Set working directory

WORKDIR /app

# Copy all files from current directory to working dir in image

COPY . .

# install node modules and build assets

RUN yarn install && yarn build

​

# nginx state for serving content

FROM nginx:alpine

# Set working directory to nginx asset directory

WORKDIR /usr/share/nginx/html

# Remove default nginx static assets

RUN rm -rf ./*

# Copy static assets from builder stage

COPY --from=builder /app/build .

# Containers run nginx with global directives and daemon off

ENTRYPOINT ["nginx", "-g", "daemon off;"]