Nginx configuration added

Dockerfile

@@ -1,9 +1,18 @@
-FROM node:22-alpine
+FROM node:22-alpine AS builder
 WORKDIR /app
+
+COPY package*.json ./
+
+RUN npm ci --silent
+
 COPY . .
-RUN npm install --silent
 
 ENV VITE_API_BASE_URL=https://aixamine.qcri.org/api/v1
 ENV VITE_AMPLITUDE_API_KEY=default_key
 
-CMD ["npm", "run", "dev"]
+RUN npm run build
+FROM nginx:alpine
+COPY --from=builder /app/dist /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+EXPOSE 7860
+CMD ["nginx", "-g", "daemon off;"]

nginx.conf

@@ -0,0 +1,32 @@
+server {
+    listen 7860;
+    server_name _;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # Enable gzip compression
+    gzip on;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+    gzip_min_length 1000;
+
+    # SPA routing - redirect all requests to index.html
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Cache static assets
+    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
+        expires 1y;
+        add_header Cache-Control "public, immutable";
+    }
+
+    # Don't cache index.html
+    location = /index.html {
+        add_header Cache-Control "no-cache, no-store, must-revalidate";
+    }
+
+    # Security headers
+    add_header X-Frame-Options "SAMEORIGIN" always;
+    add_header X-Content-Type-Options "nosniff" always;
+    add_header X-XSS-Protection "1; mode=block" always;
+}