Merge pull request #476 from bounswe/refactor/FE-dockerfile

[FE] Refactor dockerfile for production env

docker-compose.yaml

@@ -61,12 +61,11 @@ services:
       context: ./frontend
       dockerfile: Dockerfile
     container_name: frontend
-    command: sh -c "npm start"
     restart: always
     environment:
       REACT_APP_API_BASE_URL: 'http://0.0.0.0:8000'
     ports:
-      - "3000:3000"
+      - "3000:80"
     depends_on:
       - backend
     networks:

frontend/Dockerfile

@@ -1,7 +1,10 @@
-FROM node:18-bullseye-slim
+FROM node:18-bullseye-slim AS build
 WORKDIR /app
 COPY package*.json ./
 RUN npm install
 COPY . .
-EXPOSE 3000
-CMD ["npm", "start"]
+RUN npm run build
+FROM nginx:alpine
+COPY --from=build /app/build /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]