feat: add frontend nginx image

.dockerignore

@@ -1,2 +1,3 @@
-node_modules
-.git
+*/node_modules
+.git
+*/dist

app/Dockerfile

@@ -0,0 +1,14 @@
+# Build stage
+FROM node as build-stage
+WORKDIR /app
+COPY app/package.json yarn.lock ./
+RUN yarn install
+COPY app .
+RUN yarn build
+
+# Production stage
+FROM nginx:stable-alpine as production-stage
+COPY --from=build-stage /app/dist /usr/share/nginx/html
+COPY deployment/nginx.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

app/src/utils/api.js

@@ -1,7 +1,7 @@
 import axios from 'axios'
 
 const api = axios.create({
-  baseURL: '/api',
+  baseURL: '/api/v1',
 })
 
 export default api

app/vite.config.js

@@ -7,9 +7,8 @@ export default defineConfig({
   server: {
     proxy: {
       '/api': {
-        target: `${process.env.API_TARGET || 'http://localhost:3000'}/api/v1`,
+        target: process.env.API_TARGET || 'http://localhost:3000',
         changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/api/, ''),
       },
       '/socket.io': {
         target: process.env.API_TARGET || 'ws://localhost:3000',

deployment/nginx.conf

@@ -0,0 +1,21 @@
+server {
+    listen       80;
+
+    location / {
+        root   /usr/share/nginx/html;
+        index  index.html;
+        try_files $uri $uri/ /index.html;
+    }
+
+    location /api/ {
+        proxy_pass http://backend:3000;
+    }
+
+    location /socket.io/ {
+        proxy_pass http://backend:3000;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+        proxy_set_header Host $host;
+    }
+}

docker-compose.prod.yml

@@ -1,11 +1,20 @@
 version: '3'
 services:
   app:
+    image: lancatlin/linux-odyssey:app
+    build:
+      context: .
+      dockerfile: app/Dockerfile
+    networks:
+      internal:
+    ports:
+      - 8080:80
+  backend:
     image: lancatlin/linux-odyssey
     restart: on-failure
     build:
       context: .
-      dockerfile: Dockerfile
+      dockerfile: server/Dockerfile
     networks:
       - internal
       - players