エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Next.js 13のRoute Groupsでページごとにレイアウトを使い分ける方法 - 行動すれば次の現実
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Next.js 13のRoute Groupsでページごとにレイアウトを使い分ける方法 - 行動すれば次の現実
Next.jsのRoute Groupsを使用することで、ページの種類ごとに異なるレイアウトを簡単に適用することがで... Next.jsのRoute Groupsを使用することで、ページの種類ごとに異なるレイアウトを簡単に適用することができます。 例えばログイン済みユーザー用のページ、非ログインユーザー用のページ、管理者用のページといった具合にページの種類ごとにレイアウトを分けることが可能となります。 本記事では、Route Groupsを使用したレイアウトの切替の実装イメージと注意点についてを説明します。 ディレクトリ構成 app ├─ layout.tsx ・・・①共通レイアウト ├─ (auth) ・・・ログイン済みユーザー用 ├─ layout.tsx ・・・②専用レイアウト ├─ home ├─ page.tsx ・・・専用ページ(/home) ├─ account ├─ page.tsx ・・・専用ページ(/account) ├─ (portal) ・・・非ログインユーザー用 ├─ layout.