chore: Optimize Dockerfile and add Nginx configuration for production deployment

Dockerfile

@@ -1,38 +1,23 @@
-# use the official Bun image
-# see all versions at https://hub.docker.com/r/oven/bun/tags
-FROM oven/bun:1 AS base
-WORKDIR /usr/src/app
+# Stage 1: Build the React/Vite application with Bun
+FROM oven/bun:1 AS builder
+WORKDIR /app
 
-# install dependencies into temp directory
-# this will cache them and speed up future builds
-FROM base AS install
-RUN mkdir -p /temp/dev
-COPY package.json bun.lock /temp/dev/
-RUN cd /temp/dev && bun install --frozen-lockfile
+# Install dependencies into temp directory
+# This will cache them and speed up future builds
+COPY package.json bun.lock ./
+RUN bun install --frozen-lockfile
 
-# install with --production (exclude devDependencies)
-RUN mkdir -p /temp/prod
-COPY package.json bun.lock /temp/prod/
-RUN cd /temp/prod && bun install --frozen-lockfile --production
-
-# copy node_modules from temp directory
-# then copy all (non-ignored) project files into the image
-FROM base AS prerelease
-COPY --from=install /temp/dev/node_modules node_modules
+# Copy all project files and build the application
 COPY . .
-
-# [optional] tests & build
 ENV NODE_ENV=production
-RUN bun test
 RUN bun run build
 
-# copy production dependencies and source code into final image
-FROM base AS release
-COPY --from=install /temp/prod/node_modules node_modules
-COPY --from=prerelease /usr/src/app/dist ./dist
-COPY --from=prerelease /usr/src/app/package.json .
-
-# run the app
-USER bun
+# Stage 2: Serve the application with Nginx
+FROM nginx:alpine
+# Copy the built assets from the builder stage
+COPY --from=builder /app/dist /usr/share/nginx/html
+# Use custom Nginx configuration
+COPY ./nginx.conf /etc/nginx/conf.d/default.conf
 EXPOSE 7860
-CMD bun run preview
+CMD ["nginx", "-g", "daemon off;"]
+# docker build -t react-app . && docker run -p 7860:7860 react-app

nginx.conf

@@ -0,0 +1,31 @@
+server {
+    listen 7860;
+    listen [::]:7860;
+    
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # Gzip compression
+    gzip on;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+    
+    # Cache static assets
+    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
+        expires 30d;
+        add_header Cache-Control "public, max-age=2592000";
+    }
+    
+    # Handle SPA routing - redirect all requests to index.html
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+    
+    # Don't cache index.html
+    location = /index.html {
+        add_header Cache-Control "no-cache, no-store, must-revalidate";
+        expires 0;
+    }
+    
+    # Handle 404 errors
+    error_page 404 /index.html;
+} 

vite.config.ts

@@ -14,7 +14,8 @@ export default defineConfig({
     },
   },
   server: {
-    port: 7860
+    port: 7860,
+    host: true,
   },
   preview: {
     port: 7860