TL;DR
ブラウザが画面を再読み込みする画面遷移。
仕組み
Next.js のドキュメントによると、サーバでレンダリングされたページへの画面遷移は、従来はページ全体の読み込み（full page load）を起こす。そうなると状態が消え、スクロール位置が先頭に戻り、読み込みが終わるまで操作できなくなる。Next.js はLink コンポーネントによるクライアントサイドの画面遷移でこれを避けている。共有のレイアウトはそのまま残し、今のページだけを新しいページに差し替える。
例
App Router では、複数のルートレイアウトを作れる。ルートレイアウトをまたいで画面遷移すると、クライアントサイドの画面遷移にはならず、ページ全体が読み込み直される。
関連
- Soft navigation: 画面を再読み込みせず、必要な箇所だけを再レンダリングする画面遷移