A calm, practical guide to understanding what runs on the server, what runs in the browser, and why this distinction matters in modern React development.

Server Components are one of the defining features of modern Next.js.
They represent a shift in how we think about rendering, data fetching, and performance.
But they also introduce new questions:

• What exactly is a Server Component?
• When do I need a Client Component?
• How do they interact?
• What patterns lead to stable, predictable apps?

In this chapter, we’ll clarify these ideas — simply, calmly, without hype.