Deploy React / Vue / Front-end node projects with nginx Docker image

Dockerfile

# Use a lighter version of Node as a parent image
FROM node:10 as project-build

# Set the working directory to /frontend
WORKDIR /project

COPY package*.json /project/

RUN npm install

COPY . /project/

RUN npm run build  # replace this if your project uses a diffrent build command

FROM nginx:alpine
COPY --from=project-build /project/build/ /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf

EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]