Long-Tail Reverse Proxy Page
Nginx Reverse Proxy for React
Generate production-ready Nginx reverse proxy configuration for React frontend with HTTPS, CORS, websocket, compression, and upload limits.
Preset: React Frontend · Upstream Port: 5173 · HTTPS + Upload 50MB baseline
Generated Nginx Config
Open Interactive Editor# Generated by Make Your Own Tools - Reverse Proxy Generator
server {
listen 80;
server_name example.com;
location /.well-known/acme-challenge/ { root /var/www/certbot; }
location / { return 301 https://$host$request_uri; }
}
server {
listen 443 ssl http2;
server_name example.com;
ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;
ssl_protocols TLSv1.2 TLSv1.3;
ssl_session_timeout 1d;
limit_req_zone $binary_remote_addr zone=global_rate:10m rate=20r/s;
client_max_body_size 50m;
gzip on;
add_header X-Content-Type-Options "nosniff" always;
add_header X-Frame-Options "SAMEORIGIN" always;
add_header Referrer-Policy "strict-origin-when-cross-origin" always;
add_header X-XSS-Protection "1; mode=block" always;
add_header Strict-Transport-Security "max-age=31536000; includeSubDomains; preload" always;
location = /healthz {
access_log off;
return 200 "ok";
}
location / {
limit_req zone=global_rate burst=30 nodelay;
limit_conn perip_conn 30;
proxy_pass http://127.0.0.1:5173;
proxy_http_version 1.1;
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;
}
} Deployment Checklist
- Set DNS A/AAAA record to your reverse proxy host.
- Open inbound ports 80 and 443 on firewall/security group.
- Validate upstream health endpoint before routing live traffic.
- Enable log rotation and monitor 4xx/5xx error spikes.