Feat: optimize Dockerfile of frontend

deployment/docker-compose-azure.yaml

@@ -1,6 +1,8 @@
 services:
   frontend:
-    build: ../frontend
+    build:
+      context: ../frontend
+      target: production
     environment:
       - VITE_API_HOST=http://localhost:7091
       - VITE_API_STREAMING=$VITE_API_STREAMING

deployment/docker-compose-local.yaml

@@ -1,8 +1,10 @@
 services:
   frontend:
-    build: ../frontend
+    build:
+      context: ../frontend
+      target: development
     volumes:
-    - ../frontend/src:/app/src
+      - ../frontend/src:/app/src
     environment:
       - VITE_API_HOST=http://localhost:7091
       - VITE_API_STREAMING=$VITE_API_STREAMING
@@ -26,7 +28,7 @@ services:
     volumes:
       - postgres_data:/var/lib/postgresql/data
     healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U docsgpt -d docsgpt"]
+      test: [ "CMD-SHELL", "pg_isready -U docsgpt -d docsgpt" ]
       interval: 5s
       timeout: 5s
       retries: 10

deployment/docker-compose.yaml

@@ -1,7 +1,9 @@
 name: docsgpt-oss
 services:
   frontend:
-    build: ../frontend
+    build:
+      context: ../frontend
+      target: development
     volumes:
       - ../frontend/src:/app/src
     environment:

frontend/.dockerignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+.git
+Dockerfile
+.dockerignore

frontend/Dockerfile

@@ -1,11 +1,32 @@
-FROM node:22-bullseye-slim
-
+FROM node:22-alpine AS base
 
 WORKDIR /app
+
 COPY package*.json ./
-RUN npm install
+
+RUN npm ci
+
 COPY . .
 
+FROM base AS development
+
+# start the development server of Vite
+CMD ["npm", "run", "dev", "--", "--host"]
+
+
+FROM base AS build
+
+# build the application for production
+RUN npm run build
+
+
+FROM nginx:alpine AS production
+
+COPY --from=build /app/dist /usr/share/nginx/html
+
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# serving on port 5173 to match the Vite development server port, making it compatible with existing setup
 EXPOSE 5173
 
-CMD [ "npm", "run", "dev", "--" , "--host"]
+CMD ["nginx", "-g", "daemon off;"]

frontend/nginx.conf

@@ -0,0 +1,15 @@
+server {
+    listen 5173;
+
+    location / {
+        root /usr/share/nginx/html;
+        index index.html;
+        try_files $uri $uri/ /index.html;
+    }
+
+    location /assets/ {
+        root /usr/share/nginx/html;
+        expires 1y;
+        add_header Cache-Control "public, no-transform";
+    }
+}