Host React with Nginx

Access performance gains by serving pre-built React apps statically.

1. Build the App locally

npm run build
# Creates a "dist" or "build" folder

Upload this folder to `/var/www/react-app` on your server.

2. Nginx Configuration

The tricky part is handling client-side routing (e.g., /dashboard) so it doesn't 404.

server {
    listen 80;
    server_name my-react-app.com;
    root /var/www/react-app;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }
}

The `try_files` directive ensures that any unknown route falls back to `index.html`, allowing React Router to handle the URL.