feat: add Nginx reverse proxy to docker-compose.dev.yaml

- Add Nginx reverse proxy service (port 3000) for unified access
- Add frontend service (React dev server on port 3001)
- Add backend service (FastAPI on port 8001)
- Create nginx.conf with proper routing:
  - Frontend at / (with WebSocket support for React HMR)
  - Backend API at /api/ (with extended timeouts for LLM inference)
- Create Dockerfile.frontend for React development server
- Configure proper proxy headers and WebSocket support
- Disable buffering for streaming responses

Access application via http://localhost:3000 (Nginx)
Direct access: Frontend http://localhost:3001, Backend http://localhost:8001

Author: T-DevH

Dockerfile.frontend

@@ -0,0 +1,22 @@
+# Frontend Development Dockerfile
+# Runs React development server with hot reload
+
+FROM node:20-alpine
+
+WORKDIR /app
+
+# Copy package files
+COPY src/ui/web/package*.json ./
+
+# Install dependencies
+RUN npm ci
+
+# Copy frontend source
+COPY src/ui/web/ ./
+
+# Expose port
+EXPOSE 3001
+
+# Start development server
+CMD ["npm", "start"]
+

deploy/compose/docker-compose.dev.yaml

@@ -90,5 +90,73 @@ services:
       - "9091:9091"     # HTTP
     depends_on: [etcd, minio]
 
+  # Backend API Service
+  backend:
+    build:
+      context: ../..
+      dockerfile: Dockerfile
+    container_name: wosa-backend
+    ports:
+      - "8001:8001"
+    environment:
+      - POSTGRES_USER=${POSTGRES_USER}
+      - POSTGRES_PASSWORD=${POSTGRES_PASSWORD}
+      - POSTGRES_DB=${POSTGRES_DB}
+      - DB_HOST=timescaledb
+      - DB_PORT=5432
+      - REDIS_HOST=redis
+      - REDIS_PORT=6379
+      - MILVUS_HOST=milvus
+      - MILVUS_PORT=19530
+      - KAFKA_BOOTSTRAP_SERVERS=kafka:9092
+      - ENVIRONMENT=development
+    depends_on:
+      - timescaledb
+      - redis
+      - milvus
+      - kafka
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:8001/api/v1/health"]
+      interval: 30s
+      timeout: 10s
+      retries: 3
+      start_period: 40s
+
+  # Frontend Service (React Development Server)
+  frontend:
+    build:
+      context: ../..
+      dockerfile: Dockerfile.frontend
+    container_name: wosa-frontend
+    ports:
+      - "3001:3001"
+    environment:
+      - REACT_APP_API_URL=http://localhost:8001
+      - PORT=3001
+      - HOST=0.0.0.0
+      - CHOKIDAR_USEPOLLING=true
+    volumes:
+      - ../../src/ui/web:/app
+      - /app/node_modules
+    depends_on:
+      - backend
+    restart: unless-stopped
+    stdin_open: true
+    tty: true
+
+  # Nginx Reverse Proxy
+  nginx:
+    image: nginx:1.25.3-alpine
+    container_name: wosa-nginx
+    ports:
+      - "3000:80"
+    volumes:
+      - ./nginx.conf:/etc/nginx/nginx.conf:ro
+    depends_on:
+      - frontend
+      - backend
+    restart: unless-stopped
+
 volumes:
   kafka_data:

deploy/compose/nginx.conf

@@ -0,0 +1,58 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+    client_max_body_size 10M;
+
+    upstream frontend {
+        server frontend:3001;
+    }
+    
+    upstream backend {
+        server backend:8001;
+    }
+    
+    server {
+        listen 80;
+        
+        # Frontend (includes WebSocket support for React hot reload)
+        location / {
+            proxy_pass http://frontend;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+            
+            # WebSocket handling for React HMR
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+        }
+        
+        # Backend API routes
+        location /api/ {
+            proxy_pass http://backend/;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+            
+            # Disable buffering for streaming responses
+            proxy_buffering off;
+            proxy_cache off;
+            proxy_request_buffering off;
+            
+            # Increase timeouts for long-running requests (LLM inference, document processing)
+            proxy_read_timeout 300s;
+            proxy_connect_timeout 300s;
+            proxy_send_timeout 300s;
+            
+            # WebSocket support
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+        }
+    }
+}
+