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.

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.