Nuxt3と@sidebase/nuxt-authを使って、GakuNin RDMの認証を行う

概要

Nuxt3と@sidebase/nuxt-authを使って、GakuNin RDMの認証を行う方法です。

デモアプリ

https://nuxt-rdm.vercel.app/

リポジトリ

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

以下のように設定したところ、エラーが発生しました。

nuxt.config.ts

...
  auth: {
    baseURL: process.env.NEXTAUTH_URL,
  },
...

これについて、以下のように、rc版のライブラリを使用していることが原因でした。

package.json

...
"@sidebase/nuxt-auth": "^0.10.0-rc.2",
...

以下のように、バージョンを変更することで、エラーを回避できました。

package.json

...
"@sidebase/nuxt-auth": "^0.9.4"
...

同様のことでお困りの方の参考になりましたら幸いです。

まとめ

改善すべき点などがあるかと思いますが、参考になりましたら幸いです。