Next.jsで、ログイン後任意ページに飛ぶようにしたい

Question

実現したいこと

Next.jsでアプリを作成し、ログイン後dashboardページに飛ぶようにしたい

ログイン機能を作成は出来ております。ログイン後、任意の画面に自動遷移させたいです。

前提

Next.jsでアプリを作成し、ログイン後dashboardページに飛ぶようにしたいのですが、まずどのファイルを編集したら良いのかわからず...困っております。

試したこと

next.config.jsを編集することで、例えば"/about"というURLが来たら"/details"と言うページに遷移する、といったような仕組みは作れたのですが、ログイン直後の遷移方法がわかりません。

例えば〇〇のファイルを編集すると良いよ！といったことでも構いません。些細な情報でもありがたいので、よろしくお願い致します。

Comments

[uky]

ログインに成功したか失敗したかのステータスは取得できていますか？？

Answer 1

質問コメントへの返信を待たずに回答するので間違っていれば回答にコメントください

ログインに成功したか失敗したかのステータスは取得できていますか？？

こちらのステータスを受け取った後に、もし成功しているのであれば、Next Router push で遷移させたいページを指定してあげることで遷移させることが可能です。

以下、tsxで雑に実装します。※ jsxの場合でも同様に動くと思います

const router = useRouter()

const action = async () => {
  await loginApi(args: {/** 必要な引数 */}).then(res => {
    if (res === 'success') {
      router.push('/hoge')
    } else {
      // 失敗した時のエラーハンドリング
    }
  }).catch(e => {
    // apiで予期せぬエラーが発生した時のエラーハンドリング
  }) 
}

return <LoginButton onClick={action} /> // 雑です