Lesson 2.36mIntermediate13.5k students
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.
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
Your notes for this lesson will appear here.