お知らせ

現在サイトのリニューアル作業中のため、全体的にページの表示が乱れています。

nginx上でNext.js 12 SSRをHMRさせる

投稿日：
ライブラリ::Next.jsミドルウェア::HTTPD::nginx

Next.js 11から12にしたらHMRが死んだので復活させるための設定を書いておく

確認環境

Env Ver
nginx Windows-1.21.4
Next.js 12.0.4

設定例

標準状態でnpx nextを叩いた状態を想定している

map $http_upgrade $connection_upgrade {
    default upgrade;
    ''      close;
}

server {
    listen       80;

    location / {
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_pass  http://localhost:3000;
    }
}