React › Server Components

Which popular React framework introduced strong built in support for Server Components?

Beginner

Answer

Next.js, one of the most widely used React frameworks, added first class support for Server Components starting with its app router, making Server Components the default for every new page unless you explicitly mark a component as a Client Component using the use client directive.
// app/page.js in a Next.js project, this is a Server Component by default
export default async function HomePage() {
  const news = await fetchLatestNews();
  return <NewsList articles={news} />;
}
Real-world example A news website built with the Next.js app router fetches its latest articles directly inside Server Components by default, only adding the use client directive to smaller pieces like a comment box that genuinely need interactivity.

Common follow-ups: What other React frameworks besides Next.js support Server Components?;Why did Server Components become the default choice instead of an optional feature in newer frameworks?