server {
    listen 80;
    server_name localhost;

    # Directorio raíz donde están los archivos de la app
    root /usr/share/nginx/html;
    index index.html;

    # Configuración para servir los archivos estáticos y manejar el enrutamiento de la SPA
    location / {
        # Intenta servir el archivo solicitado directamente ($uri),
        # luego como un directorio ($uri/),
        # y si no encuentra nada, devuelve el index.html
        # Esto es crucial para que el enrutamiento de React funcione.
        try_files $uri $uri/ /index.html;
    }

    # Opcional: optimizaciones para archivos estáticos
    location ~* \.(?:css|js|jpg|jpeg|gif|png|ico|svg|woff|woff2)$ {
        expires 1y;
        add_header Cache-Control "public";
    }
}