server {
    server_name localhost;
    listen 80;

    root /usr/share/nginx/html;
    index index.html index.htm;

    # API routes - proxy to backend (MUST come before static file rules)
    location /api/ {
        proxy_pass http://127.0.0.1:8000;
        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_buffering off;
    }

    # Static assets caching (only for frontend assets, not API)
    location ~* ^/(?!api/).*\.(js|css|png|jpg|jpeg|gif|ico|svg)$ {
        expires 1y;
        add_header Cache-Control "public, immutable";
        try_files $uri =404;
    }

    # Handle React Router - all other routes should serve index.html
    location / {
        try_files $uri $uri/ /index.html;
    }
}