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.
- 6m
- Intermediate
Video by Codevolution · YouTube
Check your understanding
3 questions. Unlocks when you finish the video.
Overview
What 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
Your notes will live here
Note taking is not available yet. Nothing you type would be saved, so the tab stays read-only for now.