ログイン画面にはヘッダーを出さず、管理画面には共通サイドバーを出したいです。ただしURLに余計なパスは増やしたくありません。App Routerで適切なのはどれですか？

解説

正解: (auth)や(admin)のルートグループを使ってlayoutを分けるApp Routerのルートグループは、括弧付きフォルダでURLには影響せずにルート構成を整理できる機能です。(auth)/loginと(admin)/dashboardのように分けると、URLを汚さずに異なるlayoutを適用できます。補足: 認証前後、公開ページと管理画面、マーケティングページとアプリ画面など、見た目や共通UIが大きく違う単位で使うと効果的です。A. フォルダ名を[auth]や[admin]にして動的ルートとして分ける: 角括弧はURLパラメータ用で、layout分離のための構文ではありません。B. URLを変えないためにすべて同じlayout.tsxで条件分岐する: 可能な場合もありますが、構造が複雑になりやすいです。C. (auth)や(admin)のルートグループを使ってlayoutを分ける: これが正解です。D. middleware.tsでHTMLを判定してサイドバーを追加する: Middlewareはレイアウト合成のための仕組みではありません。