NextAuthのインストール
パッケージのインストール
frontend$ yarn add next-auth@beta
frontend$ less package.json
...（略）...
"dependencies": {
"next": "15.2.4",
"next-auth": "^5.0.0-beta.25", # <-
"prettier": "^3.5.3",
"prettier-plugin-tailwindcss": "^0.6.11",
"react": "^19.0.0",
"react-dom": "^19.0.0"
},
...（略）...
設定
frontend$ openssl rand -base64 33
【ランダム文字列】
取得した【ランダム文字列】を下記に貼り付けてください。
frontend/.env.local
AUTH_SECRET=【ランダム文字列】
auth.ts
frontend/src/auth.ts
import NextAuth from 'next-auth';
export const { handlers, signIn, signOut, auth } = NextAuth({
providers: [],
});
Routeハンドラ
frontend/src/app/api/auth/[...nextauth]/route.ts
import { handlers } from '@/auth';
export const { GET, POST } = handlers;
ミドルウェア
frontend/src/middleware.ts
export { auth as middleware } from '@/auth';