appをcreateしたときの.env

# Note that not all variables here might be in use for your selected configuration

# Prisma
DATABASE_URL=file:./db.sqlite

# Next Auth
NEXTAUTH_SECRET=
NEXTAUTH_URL=http://localhost:3000

# Next Auth Discord Provider
DISCORD_CLIENT_ID=
DISCORD_CLIENT_SECRET=

Hide(ひで)

NextAuth

https://next-auth.js.org/

providers

MetaMaskの場合は

CredentialsProvider({
      name: "Ethereum",
      credentials: {
        message: {
          label: "Message",
          type: "text",
          placeholder: "0x0",
        },
        signature: {
          label: "Signature",
          type: "text",
          placeholder: "0x0",
        },
      },
      async authorize(credentials) {}

credentials
- http://localhost:3000/api/auth/signin
- デフォルトのログイン画面がある。
- ここにフォームとして表示される
- ここで定義したkey(message, signature)はauthorizeでcredentials?.message, credentials?.signatureというふうに取得できる
- ただ、このログイン画面は不要(入力でmetamaskログインすることはないので)

getCsrfToken

GET /api/auth/csrf
- ここのこと? https://github.com/nextauthjs/next-auth/blob/main/packages/next-auth/src/core/index.ts#L161
- https://github.com/nextauthjs/next-auth/blob/82786ac440d354ece6d959699f21bb3b3fc4b7e9/packages/next-auth/src/core/lib/csrf-token.ts#L26

Hide(ひで)

wagmi

https://wagmi.sh/

MetaMask接続済みかを確認
- const { isConnected } = useAccount()
chainIdを取得
- https://github.com/spruceid/siwe-next-auth-example/blob/main/pages/siwe.tsx
- const { chain } = useNetwork()

next-auth × wagmiの記事調べると
WagmiProvider 使ってる記事がよく出てくるが、その情報は古くてwagmi0.4系でdepracatedになっている。

WagmiConfigを使うように。

Hide(ひで)

SIWE

NenxtAuthでのMetaMask署名と検証
- https://docs.login.xyz/integrations/nextauth.js
validateは2系から非推奨。verifyを使う。
- https://github.com/spruceid/siwe/releases/tag/v2.0.3-beta

Hide(ひで)

バックエンドも含めてるので参考になるかも。