Next.jsでのサイト内ページ遷移方法 - Qiita

公式ドキュメントの和訳を基本にしています。 https://nextjs.org/docs/#routing Next.jsは各route(レスポンスを返すべきURL)に他のrouteの一覧を配信しているわけではないので、 クライアントサイドのページは他のページについて何も知りません。 スケーラビリティのため、後続のページは全てlazy-loadされます。 以下、Next.jsにおけるページ遷移の方法です。 next/linkを使う next/linkはNext.jsについてくるルーティング用のコンポーネントです。<a />をこれでラップすると、クライアントサイドでのページ遷移を起こせます。 ほとんどのサイト内リンクはこれを使うことになるでしょう。 hrefとasを渡す 以下の２つのページについて考えます。