# ================================
# Create image to build project
FROM node:12-alpine as builder

# copy the package.json to install dependencies
COPY package.json package-lock.json ./
COPY .env.template ./.env

# Install the dependencies and make the folder
RUN npm install && mkdir /react-ui && mv ./node_modules ./react-ui

WORKDIR /react-ui

COPY . .

# Build the project and copy the files
RUN npm run build

# ================================
# Create image to serve react app
FROM nginx:latest

#!/bin/sh

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

## Remove default nginx index page
RUN rm -rf /usr/share/nginx/html/*

# Copy from the stahg 1
COPY --from=builder /react-ui/build /usr/share/nginx/html

EXPOSE 80 443 8080

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