Leaner Technologies の @corocn です。 最近は Next.js with App Router に入門しており、layout に関する学びを共有します。 本記事は Next.js v13.4.4 で検証しました。 子のpageで親のlayoutを継承したくない場合にどうするか? まず App Router には Nested Layouts という機能があり、上層レイアウトの children で定義した部分に下層のレイアウトまたはページが描画され、入れ子のように描画されます。 下層のレイアウト定義がシンプルになる一方、上層のレイアウトを無理やり修正することはできませんが、無視したいケースも一定存在します。そこで利用するのが Route Groups です。 Route Groups を利用する方法 Route Groups は "(auth)" のような括弧付