add: nginx config

Author: minhhoccode111

Dockerfile

@@ -53,5 +53,5 @@ ENTRYPOINT ["nginx", "-g", "daemon off;"]
 # docker run -d \
 #   --name realworld-react \
 #   --restart unless-stopped \
-#   -p 3000:80 \
+#   -p 127.0.0.1:3000:80 \
 #   minhhoccode111/realworld-react:latest

nginx/nginx-host.conf

@@ -49,7 +49,7 @@ server {
     return 301 https://$server_name$request_uri;
 }
 
-# Frontend static serving
+# Frontend reverse proxy to Docker container
 server {
     listen 443 ssl;
     http2 on;
@@ -59,23 +59,25 @@ server {
     ssl_certificate /etc/letsencrypt/live/realworld.minhhoccode111.com/fullchain.pem;
     ssl_certificate_key /etc/letsencrypt/live/realworld.minhhoccode111.com/privkey.pem;
 
-    # Path to your React 'dist' or 'build' folder
-    root /var/www/realworld-react/dist;
-    index index.html;
-
-    # React Router Fix: Fallback to index.html for SPA routing
+    # Reverse proxy to nginx-alpine container on port 3000
     location / {
-        try_files $uri $uri/ /index.html;
-    }
+        proxy_pass http://127.0.0.1:3000;
+        proxy_http_version 1.1;
 
-    # Static Assets Caching
-    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2)$ {
-        # limit_req zone=static_limit burst=20 nodelay;
+        # Standard proxy headers
+        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;
 
-        etag on;
-        expires 1y;
-        add_header Cache-Control "public, immutable";
-        access_log off;
+        # WebSocket support (if needed for development)
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+
+        # Timeouts
+        proxy_connect_timeout 60s;
+        proxy_send_timeout 60s;
+        proxy_read_timeout 60s;
     }
 
     # Security Headers

nginx/nginx.conf

@@ -1,12 +1,42 @@
 server {
   listen 80;
 
+  # Gzip compression
+  gzip on;
+  gzip_vary on;
+  gzip_min_length 1024;
+  gzip_comp_level 6;
+  gzip_types
+    text/plain
+    text/css
+    text/xml
+    text/javascript
+    application/json
+    application/javascript
+    application/xml+rss
+    application/rss+xml
+    font/truetype
+    font/opentype
+    application/vnd.ms-fontobject
+    image/svg+xml;
+  gzip_disable "msie6";
+
+  # React Router Fix: Fallback to index.html for SPA routing
   location / {
     root   /usr/share/nginx/html;
     index  index.html index.htm;
     try_files $uri /index.html =404;
   }
 
+  # Static Assets Caching
+  location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot|webp|avif)$ {
+    root /usr/share/nginx/html;
+    etag on;
+    expires 1y;
+    add_header Cache-Control "public, immutable";
+    access_log off;
+  }
+
   error_page   500 502 503 504  /50x.html;
 
   location = /50x.html {