Next.js で 画面遷移、1つ前の履歴に戻る

● 1. Link を使用する

import Link from 'next/link'
<Link href="/about"><a>About Us</a></Link>

● 2. onClick など、メソッドで画面遷移したい場合は 「useRouter」または「Router」を使用する

useRouterpush または replace メソッドを使用します

import { useRouter } from 'next/router';

const router = useRouter();

router.push({
  pathname: '/login',
  query: { returnUrl: router.asPath }
})

Router

import Router from 'next/router';

Router.push('/home');  // '/home'へ遷移

Next.jsのRouterとuseRouterは何が違うのか - Qiita

● Next.js で 1つ前の履歴に戻る

      <button onClick={() => router.back()}>
        戻る
      </button>
No.2168
10/12 15:24

edit