Update nginx.conf

nginx.conf

@@ -2,7 +2,7 @@ user nginx;
 worker_processes auto;
 
 error_log /dev/stderr warn;
-pid /tmp/nginx.pid;
+pid /tmp/nginx.pid; # PID file moved to /tmp for permissions
 
 events {
     worker_connections 1024;
@@ -32,5 +32,18 @@ http {
     uwsgi_temp_path /tmp/uwsgi_temp;
     scgi_temp_path /tmp/scgi_temp;
 
-    include /etc/nginx/conf.d/*.conf;
+    # This is the crucial server block for your React application
+    server {
+        listen 8080; # Nginx will listen on port 8080, which is typically allowed for non-root users
+        root /usr/share/nginx/html; # This is where your built React app files are located
+        index index.html index.htm; # Default files to serve if a directory is requested
+
+        # This location block is essential for Single-Page Applications (SPAs) like React.
+        # It tries to serve the requested file ($uri), then a directory ($uri/),
+        # and if neither is found, it falls back to serving index.html.
+        # This allows React's client-side routing to work correctly.
+        location / {
+            try_files $uri $uri/ /index.html;
+        }
+    }
 }