Frontend

Server Components (RSC)

React components that run only on the server — no client-side JavaScript, smaller bundles, direct DB access.

The Full Picture

React Server Components (RSC) are the default in Next.js App Router. They execute on the server, can directly access databases and APIs, and send only HTML to the client — zero JavaScript bundle cost. Client Components (marked with "use client") handle interactivity.

The biggest gotcha for vibe coders: AI tools often add "use client" everywhere because they don't understand the server/client split, bloating your JavaScript bundle unnecessarily.

Related Terms

Hydration

The process where a server-rendered HTML page becomes interactive by attaching JavaScript event handlers.

Edge Function

Server-side code that runs at the CDN edge, close to your users, for ultra-low latency responses.

Was this helpful?

Want to go deeper? I write about the real gaps vibe coding leaves behind.

All Terms Read the Blog