feat: update Dockerfile to build frontend with react-scripts and copy build output

Author: whiteSHADOW1234

Dockerfile

@@ -1,16 +1,19 @@
-FROM node:16-alpine
+FROM node:16-alpine AS build-stage
 
 WORKDIR /app
+
 RUN npm install -g @babel/cli
 COPY backend/package*.json ./backend/
 RUN npm ci --only=production --prefix backend
 
-COPY backend/ ./backend
+COPY backend ./backend
+RUN npm run build --prefix backend
 
 COPY frontend/package*.json ./frontend/
 RUN npm ci --only=production --prefix frontend
 
-COPY frontend/ ./frontend
+COPY frontend ./frontend
+RUN npm run build --prefix frontend
 
 ARG API_BASE_URL
 ENV API_BASE_URL=${API_BASE_URL}
@@ -19,4 +22,6 @@ RUN npm run build --prefix frontend
 
 RUN rm -rf ./frontend/node_modules
 
+COPY ./frontend/build /usr/share/nginx/html
+
 CMD ["npm", "start", "--prefix", "backend"]

frontend/package.json

@@ -21,7 +21,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "babel src -d build",
+    "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },