InsideEdgeInsideEdge
Download App

Phase 10 · Full-Stack Frameworks

Topics

Server Components & Client Components

Part of the Full Stack Developer Roadmap.

Summary

Next.js's default of rendering components on the server (no client JS shipped) unless explicitly marked `'use client'` — blurring the line between 'frontend' and 'backend' code even further.

How to Learn This

  • 1Fetch data directly inside a Server Component with `async`/`await`, no API call needed.
  • 2Add `'use client'` to a component that needs `useState` or an event handler.
  • 3Learn to keep the client-component boundary small for better performance.

Previous

Next.js App Router

Next

API Routes & Server Actions

More topics in Full-Stack Frameworks

Next.js App RouterAPI Routes & Server ActionsRemix (Overview)Nuxt (Overview)T3 Stack (Overview)Choosing a Full-Stack Framework
InsideEdge

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
InsideEdge