Next.js documentation (opens in a new tab)
The official reference for the tools used in this lesson.
Link
Passing data across the boundary
Props crossing into a client component get serialised, which is why functions and class instances fail. Composition through children keeps server-rendered content out of the bundle.
Lesson 2.36m 19sIntermediate13.5k students
Chapters
6:19What this lesson covers
- Pass only serialisable props into client components
- Use children to slot server content inside a client shell
- Avoid leaking server-only data through props
This lesson sits in Server and Client Components, part of Next.js App Router in Depth. It assumes what came before it and leads directly into the next lesson in the module.
In this lesson you will
- Pass only serialisable props into client components
- Use children to slot server content inside a client shell
- Avoid leaking server-only data through props
Resources
Personal notes are coming soon.