Updated NGINX config

nginx/Dockerfile

@@ -6,4 +6,3 @@ RUN rm /etc/nginx/conf.d/*
 # Copy config files
 # *.conf files in "conf.d/" dir get included in main config
 COPY ./default.conf /etc/nginx/conf.d/
-COPY ./proxy_nextjs /etc/nginx/conf.d/

nginx/default.conf

@@ -14,6 +14,13 @@ server {
   gzip_comp_level 4; # Compression level
   gzip_types text/css application/javascript image/svg+xml;
 
+  # https://github.com/zeit/next.js/wiki/Deployment-on-Nginx's-reverse-proxy
+  proxy_http_version 1.1;
+  proxy_set_header Upgrade $http_upgrade;
+  proxy_set_header Connection 'upgrade';
+  proxy_set_header Host $host;
+  proxy_cache_bypass $http_upgrade;
+
   # Next.js built assets (e.g. JS page bundles)
   location /_next/static {
 
@@ -27,8 +34,8 @@ server {
     # Uncomment below line to test server caching - HIT, MISS, etc.
     # add_header X-Cache-Status $upstream_cache_status;
 
-    # Pass to Next.js app
-    include /etc/nginx/conf.d/proxy_nextjs;
+    # Pass to Next.js app - "nextjs" defined in docker-compose.yml
+    proxy_pass http://nextjs:3000;
   }
 
   # Next.js static assets (e.g. images)
@@ -45,13 +52,13 @@ server {
     # Uncomment below line to test server caching - HIT, MISS, etc.
     # add_header X-Cache-Status $upstream_cache_status;
 
-    # Pass to Next.js app
-    include /etc/nginx/conf.d/proxy_nextjs;
+    # Pass to Next.js app - "nextjs" defined in docker-compose.yml
+    proxy_pass http://nextjs:3000;
   }
 
   # Dynamically generated files - no cache
   location / {
-    # Pass to Next.js app
-    include /etc/nginx/conf.d/proxy_nextjs;
+    # Pass to Next.js app - "nextjs" defined in docker-compose.yml
+    proxy_pass http://nextjs:3000;
   }
 }