# Synor Explorer Web - Nginx Configuration # Serves the React SPA and proxies API requests to the backend server { listen 80; server_name _; root /usr/share/nginx/html; index index.html; # Gzip compression for better performance gzip on; gzip_vary on; gzip_min_length 1024; gzip_types text/plain text/css text/javascript application/javascript application/json image/svg+xml; # Security headers add_header X-Content-Type-Options "nosniff" always; add_header X-Frame-Options "SAMEORIGIN" always; add_header X-XSS-Protection "1; mode=block" always; add_header Referrer-Policy "strict-origin-when-cross-origin" always; # Health check endpoint location /health { access_log off; return 200 'OK'; add_header Content-Type text/plain; } # Proxy API requests to the explorer-api backend # The backend URL is configured via environment variable or defaults to explorer-api:3000 location /api/ { proxy_pass http://explorer-api:3000/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; proxy_connect_timeout 30s; proxy_send_timeout 30s; proxy_read_timeout 30s; } # Proxy WebSocket connections location /ws { proxy_pass http://explorer-api:3000/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_read_timeout 86400; } # Cache static assets (JS, CSS, images) location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ { expires 1y; add_header Cache-Control "public, immutable"; try_files $uri =404; } # Cache JSON assets (manifests, etc.) location ~* \.json$ { expires 1h; add_header Cache-Control "public"; try_files $uri =404; } # SPA fallback - serve index.html for all unmatched routes # This enables client-side routing location / { try_files $uri $uri/ /index.html; } # Don't log favicon requests location = /favicon.ico { access_log off; log_not_found off; } # Don't log robots.txt requests location = /robots.txt { access_log off; log_not_found off; } }