● Next.js を nginx にデプロイする

・Next.js を使用できるようにする

1. Next.js の準備

npm run build
npm run start

2. Nginxの設定

  location / {
    try_files $uri $uri/ /index.php?$args;
  }

　　　　↓ / と /_next/ 以下を表示できるようにします。

location @nextserver {
    proxy_pass http://localhost:3000;
    add_header X-Custom-HeaderNextServer "Value for Custom Header @nextserver";
}

location ^~ /_next {
    try_files $uri @nextserver;
    expires 365d;
    add_header Cache-Control 'public';
}

location / {
    try_files $uri $uri.html /index.html @nextserver;
}

3. Nginxのリスタート

nginx -s reload

4. Next.js の public ディレクトリを表示できるようにする。

シンボリックリンクを貼ればOKです

ln -s /PATH/TO/YOUR/APP/public /PATH/TO/YOUR/WEB-SITE/DocumentRoot

以上でokです

Next.js とphpを使用できるようにするには

Next.js とphpを使用できるように下記の仕様とします

「/php/<ファイル名>でアクセスした場合」→　 /home/YOUR/SERVER/PATH/DocumentRoot/php/<ファイル名>を返す
「/でアクセスした場合」→　 next.jsを返す  

	location /php/ {
	    alias  /home/YOUR/SERVER/PATH/DocumentRoot/php/;
	    index  index.html index.htm;
	}

	location / {
      	# Next.js Server
      	proxy_pass http://localhost:3000;
	}