NextAuth で認証して、取得したユーザー情報を PrismaAdapter 経由で Vercel Storage に登録するところまでは実装できたのですが、Next.js の Middleware 上で認証情報を取得したところエラーが発生しました。

[auth][details]: {}
[auth][error] SessionTokenError: Read more at https://errors.authjs.dev#sessiontokenerror
[auth][cause]: Error: PrismaClient is unable to run in this browser environment, or has been bundled for the browser (running in ``).

なんじゃこりゃ。調べてみたところ、Next.js の Middleware の実行環境（Edge Runtime）から Vercel Storage などの DB は参照できないらしい。Next.js の公式ドキュメントにもそれっぽい記述がありました。（Usage の一番下の項目）

アダプターを使用するとセッション情報が DB 管理となるため詰んでね？と思いつつ、ドキュメントを読み漁っていると JWT によるセッション管理に変更できるとのことです。ありがたや。Auth.js の公式ドキュメント通り実装すればあっという間に変更できました。

ざっと作業の流れをメモすると、プロジェクトに auth.config.ts を追加する。

import type { NextAuthConfig } from "next-auth";
import GitHub from "next-auth/providers/github";

export default { providers: [GitHub] } satisfies NextAuthConfig;

NextAuth にパラメータを追加。

import { prisma } from "@/prisma";
import { PrismaAdapter } from "@auth/prisma-adapter";
import NextAuth from "next-auth";
import authConfig from "../auth.config";

export const { signIn, signOut, auth, handlers } = NextAuth({
  adapter: PrismaAdapter(prisma),
  session: {
    strategy: "jwt",
  },
  ...authConfig,
});

これで Middleware から参照可能に。

import NextAuth from "next-auth";
import { type NextRequest, NextResponse } from "next/server";
import authConfig from "../auth.config";

const { auth } = NextAuth(authConfig);

export default async function middleware(req: NextRequest) {
  const session = await auth(); // 参照可能！

  ...

これだけです。JWT に移行すると DB のセッションテーブルは必要なくなりますね。

■ 余談

Edge Runtime が気になって公式ドキュメントを読んでいると、Next.js v15.2（canary）から実験的に Node のランタイムの仕様を実験的に行っているそうです。

#NextAuth