Server Components

ELI5 — The Vibe Check

Server components are React components that run on the server and never ship JavaScript to the browser. Think of them as the backstage crew — they do all the heavy lifting (data fetching, rendering) behind the scenes, and only send the finished HTML to the audience. Your bundle size drops, your users get faster pages, and you get to write components that talk directly to your database without an API layer.

Real Talk

Server Components (RSC) are a React architecture where components execute on the server at request time or build time. They can directly access server-side resources (databases, file systems, internal APIs) without exposing client-side JavaScript. The rendered output is streamed as a special serialized format that the client runtime can merge into the existing component tree. They complement Client Components, which handle interactivity.

When You'll Hear This

"Make that a server component — it just fetches data, no interactivity needed." / "Server components cut our JS bundle by 40%."