build: dockerize front and backend

backend/docker-compose.yml → docker-compose.yml

@@ -10,11 +10,24 @@
 services:
   backend-board-master:
     build:
-      context: .
+      context: ./backend
+      dockerfile: Dockerfile
     image: board-master/backend:latest
     ports:
       - 8080:8080
     container_name: backend-board-master
+    restart: always
+
+  frontend-board-master:
+    build:
+      context: ./frontend
+      dockerfile: Dockerfile
+    image: board-master/frontend:latest
+    ports:
+      - 3000:80
+    container_name: frontend-board-master
+    restart: always
+
 
 # The commented out section below is an example of how to define a PostgreSQL
 # database that your application can use. `depends_on` tells Docker Compose to

frontend/Dockerfile

@@ -0,0 +1,13 @@
+# Frontend Dockerfile
+FROM node:20-alpine AS build
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+RUN npm run build
+
+FROM nginx:alpine
+COPY --from=build /app/build /usr/share/nginx/html
+
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

frontend/nginx.conf

@@ -0,0 +1,17 @@
+server {
+    listen 80;
+    server_name localhost;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri $uri/ /index.html; 
+    }
+
+    location /static/ {
+        alias /usr/share/nginx/html/static/;
+    }
+
+    error_page 404 /index.html;
+}