server { listen 5173; server_name localhost; # Serve static files 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; # Proxy API requests to backend # API always listens on port 8000 inside container, regardless of host port location /api/ { proxy_pass http://api:8000/api/; proxy_http_version 1.1; 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; # CORS headers (if needed) add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS"; add_header Access-Control-Allow-Headers "Authorization, Content-Type"; # Handle preflight requests if ($request_method = OPTIONS) { return 204; } } # Proxy WebSocket connections # API always listens on port 8000 inside container, regardless of host port location /ws/ { proxy_pass http://api:8000/ws/; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; 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 timeout settings proxy_read_timeout 3600s; proxy_send_timeout 3600s; } # React Router - serve index.html for all routes location / { try_files $uri $uri/ /index.html; } # Simple health endpoint for container health checks location = /health { add_header Content-Type text/plain; return 200 'ok'; } # Cache static assets location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ { expires 1y; add_header Cache-Control "public, immutable"; } }