-
Notifications
You must be signed in to change notification settings - Fork 29.8k
docs: rework layout-and-pages #82773
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: canary
Are you sure you want to change the base?
Conversation
|
All broken links are now fixed, thank you! |
|
|
||
| This allows a part of the route to be statically rendered while the dynamic part that uses `useSearchParams` is client-side rendered. | ||
|
|
||
| We recommend wrapping the Client Component that uses `useSearchParams` in a `<Suspense/>` boundary. This will allow any Client Components above it to be statically rendered and sent as part of initial HTML. [Example](/docs/app/api-reference/functions/use-search-params#static-rendering). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this was linking back to itself
| ``` | ||
|
|
||
| The layout above is called a [root layout](/docs/app/api-reference/file-conventions/layout#root-layout) because it's defined at the root of the `app` directory. The root layout is **required** and must contain `html` and `body` tags. | ||
| The layout above is called a [root layout](/docs/app/api-reference/file-conventions/layout#root-layout) because it is the first layout in the `app` directory tree. The root layout is **required** and must contain `html` and `body` tags. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not 100% happy with "because it is the first layout" - in other places we say top-most
There's also the caveat that, with route groups one could technically have multiple root layouts , or this case:
app/dashboard/[id]/layout.tsxapp/marketing/layout.tsx
both are root layouts ~
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hmm should we say top most or something then
Continuing work from - #82741