🦔
ログアウトボタンを押したらLPに飛んでほしいんだ(初心者)
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