Zenn
🦔

ログアウトボタンを押したらLPに飛んでほしいんだ(初心者)

2025/04/06に公開

callbackUrlについて

<Button
variant="outline"
className="w-full justify-start"
onClick={() => signOut()}
>
ログアウト
</Button>

"signOut"はNextAuth.jsのメソッド

このようなログアウトに関する記述がありました。でもこのボタンではサインアウトは行われますが、ページの遷移がなくデフォルトのダミー画面が表示されてしまったのです。

Nextのアイコン邪魔やなあ・・・。

ここで、記述を以下のように変更しました。

<Button
variant="outline"
className="w-full justify-start"
onClick={() => signOut({callbackUrl: '/'})}
 >
ログアウト
</Button>

と変更すると、appのpage.tsxに遷移しました。

ホーム画面

わあすごい。

callbackUrlって何ですか?

教えてClaude先生!!

要するに、signOutメソッドと一緒に使うことで初めて効力を発揮するNextAuthのオプションということですね。すごいや!!!

Discussion

ログインするとコメントできます