useRouter

useRouterは、Next.jsのルーティング機能を利用するためのフックであり、ページコンポーネント内でルーティング情報にアクセスする際に使います。

useRouterは、Next.jsで新しいページに移動する際の案内役みたいなもんで、useRouterに尋ねると、現在の場所やクエリパラメータなどの情報を教えてくれます。この情報を利用して、ページの遷移や表示内容を制御することができます。(使い道としては特定のパスやクエリパラメータに応じて異なるコンポーネントや表示内容を切り替える、色を変えたり、内容を変えたり)

以下のステップでuseRouterを使ってNext.jsのルーティング情報にアクセスすることができます。