🕌

Next.js 14 でNextAuthを使用してみた

2024/03/13に公開

やったこと

Next.js App Routerのチュートリアルを参考にNext.js 14でNextAuth.js(@beta)で使用した。

困ったところ

チュートリアルを参考にそのまま実装してみたところ、ログインした後に任意のページにリダイレクトされなかった
(プロジェクト自体は別で作成したものに導入したためもしかしたら環境要因かも)

解決策

auth.configのcallbackにredirect用の関数を用意してあげるだけ

export const authConfig = {
    // ==== 省略 ==== //
  callbacks: {
    async redirect({ url, baseUrl }) {
      return baseUrl + '/hogehoge' // 任意のURL
    },
  },
  providers: [],
} satisfies NextAuthConfig

Discussion