next.jsのトップページを変更したい

Question

前提・実現したいこと

pages/index.jsに書いたものは、localhost:3000/に表示されると思います。
これをpages/index.jpに書いたものをlocalhost:3000/top/に表示したい

前提

docker ✖︎ nginx ✖︎ nextjsを使っています。

nginxでリバースプロキシを使ってhttp://nextjs/にとばしています。

試したこと

pages/top/index.jsにするとlocalhost:3000/top/には表示されましたが、私のやりたいことではありませんでした。

その他

必要情報がわからず質問が薄いので必要事項あれば教えてください

Answer 1

ファイルを置く場所とURLが一致しているのがNext.jsのルーティングの売りではあるのですが、、、

next.config.js: Rewrites | Next.js
この機能を使用してnext.config.jsにrewritesというのを設定しておくと実現できるかと思います。

module.exports = {
  async rewrites() {
    return [
      {
        source: '/index.jp',
        destination: '/top',
      },
    ]
  },
}

未検証ですがこんな感じになるかと。

ちなみに ファイル名がpages/index.jp だとページとして認識されないかと思われますのでpages/index.jp.jsにする必要があります。