【React】next.jsでホームページを設定する方法

はじめに

ホームページの設定を自由に出来る方法を調べました。

方法

リダイレクト先を設定する

next.config.jsにて、以下のように設定します。
ホームページにアクセスしたときに、設定したページにリダイレクトされるようになります。

next.config.js

module.exports = {
  async redirects() {
    return [
      {
        source: '/about', //リダイレクト先
        destination: '/', //リダイレクト元
        permanent: true,
      },
    ]
  },
}

Reactを再起動

再起動して、ホームページにアクセスすると、
指定したページにリダイレクトされるようになっています。

参考文献