💨

【Next Auth(v4)】 開発環境では認証できるが、vercel 上で認証ができない

2021/12/19に公開

開発環境:
"next": "12.0.7",
"next-auth": "^4.0.5",
"typescript": "4.5.4"

Next Auth(v4)を使用したGithubでの認証を行おうとしていたのですが、以下のエラーに苦しめられました。

Vercel上のログ
[next-auth][warn][NO_SECRET]

本番環境の画面

どうやらSecretのプロパティを設定する必要があるということで、、
https://next-auth.js.org/warnings#no_secret
https://next-auth.js.org/configuration/options#secret

Git hubのリポジトリを見ながら下の画像のs12行目のところにsecretを追加し、
https://github.com/nextauthjs/next-auth-typescript-example/blob/main/pages/api/auth/[...nextauth].ts

無事認証を行うことができました!

NextAuthの実装は初めてだったので、焦りました。
やはりドキュメントやリポジトリを見ながら開発を進める力が必要ですね。。!
不明な点があれば、コメントお願いいたします!

Discussion