既存サイトのサブディレクトリでNext.jsを運用する

小ネタです。 サブディレクトリでNext.jsを運用するというのは何を言っているかというと 例えばhttps://example.com/という既存のwebサイトがあり、そのサブディレクトリのhttps://example.com/hogeにアクセスするとその配下ではNext.jsで実装されたhttps://hoge.vercel.appのようなページを表示する みたいな挙動のことである。 なぜこのような運用が必要なのかは置いておくとしてこういう構造にしたい場合は既存サイト側のプロキシとNext.js側の両方で対応をすることになる。 既存サイト側 まず既存サイト側のプロキシサーバー等、例えばnginxやvarnishがwebサーバーの前段にあるだろう。そこでは下記のようなプロキシ設定をする。 Next.js側 そもそも上記の設定だけではうまく動かないのかはなぜか？ 実際に試すとわかるがht