Chapter4 Creating Layouts and Pages

[ShotaroHirose59]

https://nextjs.org/learn/dashboard-app/creating-layouts-and-pages So far, your application only has a home page. Let's learn how you can create more routes with layouts and pages.

Topics

• Create the dashboard routes using file-system routing.
• Understand the role of folders and files when creating new route segments.
• Create a nested layout that can be shared between multiple dashboard pages.
• Understand what colocation, partial rendering, and the root layout are.

キーワード

• セグメント
• layout.tsx

[ShotaroHirose59]

ネストされたルーティング

[ShotaroHirose59]

layout.tsx

Next.js でレイアウトを使用する利点の 1 つは、ナビゲーション時にページ コンポーネントのみが更新され、レイアウトは再レンダリングされないことです。部分レンダリング

ルートレイアウト

app/layout.tsxはルートレイアウト。 アプリケーション内のすべてのページで共有される