Next.js の App Router で 親layout を継承しない方法

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)" のような括弧付

[tohokuaiki]

“Route Groups”あー、なるほど。Next.jsはルーティングをディレクトリ構造で示そうとしているのか。これは仮想ルーティングみたいなもんね。でも、ディレクトリ名に()入るのは抵抗あるな。あと、git renameしないとな。