In short
React components that render exclusively on the server, never shipping their JavaScript to the browser — Next.js's App Router default, reducing client bundle size.
How to learn this
- 1Identify which components in a small app could be server components (no interactivity).
- 2Fetch data directly inside a server component with `async`/`await` — no `useEffect` needed.
- 3Learn they can't use hooks, browser APIs, or event handlers.
More topics at this stop
Stuck on this topic? Ask an Insider
Get 1:1 guidance from people who've walked this exact path — on the InsideEdge app.
