概要
Nuxt3と@sidebase/nuxt-authを使って、GakuNin RDMの認証を行う方法です。
デモアプリ

リポジトリ
https://github.com/nakamura196/nuxt-rdm
参考
当初、以下のwarningが表示されていました。
AUTH_NO_ORIGIN: No origin - this is an error in production, see https://sidebase.io/nuxt-auth/resources/errors. You can ignore this during development
そのため、以下を参考に、
https://auth.sidebase.io/resources/error-reference
以下のように設定したところ、エラーが発生しました。
...
auth: {
baseURL: process.env.NEXTAUTH_URL,
},
...
これについて、以下のように、rc版のライブラリを使用していることが原因でした。
...
"@sidebase/nuxt-auth": "^0.10.0-rc.2",
...
以下のように、バージョンを変更することで、エラーを回避できました。
...
"@sidebase/nuxt-auth": "^0.9.4"
...
同様のことでお困りの方の参考になりましたら幸いです。
まとめ
改善すべき点などがあるかと思いますが、参考になりましたら幸いです。
動画版(生成AIによる自動生成): この記事の内容をずんだもん×四国めたんの掛け合いで解説しています。自動生成のため、内容に誤りがある可能性があります。正確な情報は記事本文をご参照ください。


