nginx.dev.conf

events {
    worker_connections 1024;
}

http {
    server {
        listen 80;

        # Serve static files from the React frontend container
        location / {
            proxy_pass http://frontend;  # Forward to the frontend container
            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 API requests to the backend (Node.js server)
        location /api/ {
            proxy_pass http://backend:5000;  # Forward API requests to the backend container
            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 media (uploads) requests to the backend container
        location /uploads/ {
            proxy_pass http://backend:5000/uploads/;  # Forward media requests to the backend container
            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;
        }
    }
}