Conceptual
Login

Server and Client Component Boundary

Server Components run only on the server, can touch data sources directly, ship no JS to the browser — and therefore cannot use hooks, state, or effects. The 'use client' directive marks the boundary where interactive hook-using components begin; only serializable props may cross it, and the hooks lifecycle exists exclusively on the client side.

This Concept is waiting for its first lesson!

Server Components run only on the server, can touch data sources directly, ship no JS to the browser — and therefore cannot use hooks, state, or effects. The 'use client' directive marks the boundary where interactive hook-using components begin; only serializable props may cross it, and the hooks lifecycle exists exclusively on the client side.

Are you a teacher? Sign in to start contributing.

Sign In