Server Components

Summary

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.

ISR

Client Components

More topics in Next.js

App Router Pages Router SSR CSR SSG ISR Client Components Dynamic Routes Metadata Image Optimization Middleware Server Actions API Routes SEO Deployment

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.

Download