LESSON 2.3
Passing data across the boundary
Learn key techniques and workflows in Next.js App Router in Depth.
6m
intermediate
13,528 students
Overview
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.
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
Pro Tip
Use caching and revalidation wisely to ensure your app stays fast and data remains fresh without unnecessary requests.