Learning on Web Dev Open is free for all.

Framework Internals > The App Router, and where the seams areWhere the client bundle starts
Phase 04The App Router, and where the seams are227 of 434

Where the client bundle starts

Find every "use client" in a real application, work out what each one drags in, and push three of them down the tree.

Build45 minAI pair

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Trace what a client directive pulls into the bundle
  • Pass server-rendered content into a client component as children
Ask the community

Loading…

← PreviousA server action is a public endpointThe App Router, and where the seams areNext →Error and loading states are the designThe App Router, and where the seams are