next-authとfirebaseの連携の調査

アダプターを使った場合の挙動の調査a
https://next-auth.js.org/adapters/firebase

This adapter is still experimental and does not work with NextAuth.js 4 or newer. If you would like to help out upgrading it, please visit this PR
このアダプタはまだ実験的なものであり、NextAuth.js 4以降では動作しません。もしアップグレードにご協力いただける場合は、こちらのPRをご覧ください。

next-authのversionが4以降だと動作しない。

どうやら、version3系では3.29.0が最新っぽい。
https://www.npmjs.com/package/next-auth/v/3.29.0

npm ERR! peer firebase@"^8.6.2" from @next-auth/firebase-adapter@0.1.3
npm ERR! peer next-auth@">=4" from @next-auth/firebase-adapter@0.1.2-pr.183-76202b42.8

next-auth v4でいけた!

versionに気をつける必要あり。これならいけた。

  "dependencies": {
    "@next-auth/firebase-adapter": "^0.1.3",
    "firebase": "^9.6.3",
    "firebase-admin": "^10.0.1",
    "next": "12.0.8",
    "react": "17.0.2",
    "react-dom": "17.0.2"
  }

adapterを使うのはやめて、credentinalProviderを使用して認証する

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

Googleでの認証はできたので、次はメールでの認証を実装してみる。