はじめに BB.excite事業部でエンジニアをしている小川です。 はじめに注意書きですが、本記事ではNext.js 12.x の Layouts機能を取り扱います。 Next.jsのPages Routerには同じ要素を再利用するための機能としてLayoutパターンが用意されています。 また、Layoutはページ遷移時に再レンダリングが行われないようになっているため、状態を維持できるようになっていることが特徴的です。 nextjs.org 全てのページに共通して同一のレイアウトということであれば_app.jsなどにLayoutを適用すれば済む話ですが、大抵はページごとに多少の違いを持たせたく…