[fix] nginx config

Author: kristiyan-velkov

nginx.conf

@@ -1,56 +1,57 @@
 worker_processes auto;
-error_log /var/log/nginx/error.log warn;
+
+# Store PID in /tmp (always writable)
 pid /tmp/nginx.pid;
 
 events {
     worker_connections 1024;
 }
 
 http {
-    include /etc/nginx/mime.types;
-    default_type application/octet-stream;
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
 
-    log_format main '$remote_addr - $remote_user [$time_local] "$request" '
-                    '$status $body_bytes_sent "$http_referer" '
-                    '"$http_user_agent" "$http_x_forwarded_for"';
+    # Disable logging to avoid permission issues
+    access_log off;
+    error_log  /dev/stderr warn;
 
-    access_log /var/log/nginx/access.log main;
+    # Optimize static file serving
+    sendfile        on;
+    tcp_nopush      on;
+    tcp_nodelay     on;
+    keepalive_timeout  65;
+    keepalive_requests 1000;
 
-    sendfile on;
-    tcp_nopush on;
-    keepalive_timeout 65;
+    # Gzip compression for optimized delivery
     gzip on;
-    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript image/svg+xml;
+    gzip_min_length 256;
+    gzip_vary on;
 
     server {
-        listen 8080;
-        server_name localhost;
+        listen       8080;
+        server_name  localhost;
+
+        # Root directory where React.js build files are placed
         root /usr/share/nginx/html;
         index index.html;
 
-        # 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;
-        add_header Referrer-Policy "strict-origin-when-cross-origin" always;
-
-        # SPA routing - serve index.html for all routes
+        # Serve React.js static files with proper caching
         location / {
-            try_files $uri $uri/ /index.html;
+            try_files $uri /index.html;
         }
 
-        # Cache static assets
-        location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
+        # Serve static assets with long cache expiration
+        location ~* \.(?:ico|css|js|gif|jpe?g|png|woff2?|eot|ttf|svg|map)$ {
             expires 1y;
+            access_log off;
             add_header Cache-Control "public, immutable";
         }
 
-        # Health check endpoint
-        location /health {
-            access_log off;
-            return 200 "healthy\n";
-            add_header Content-Type text/plain;
+        # Handle React.js client-side routing
+        location /static/ {
+            expires 1y;
+            add_header Cache-Control "public, immutable";
         }
     }
 }
-