What are Server Components?

React Server Components (RSC) let you render components exclusively on the server. Unlike traditional SSR, they don't send any JavaScript to the client.

Benefits

• Zero client-side JS for server components
• Direct database access without an API layer
• Smaller client bundles

When to use them

Use Server Components for anything that reads data — layouts, pages, data-fetching wrappers. Switch to "use client" only when you need interactivity, state, or browser APIs.

const Page = async () => {
  const data = await db.query.posts.findMany()
  return <PostList posts={data} />
}

This runs entirely on the server. No useEffect, no loading spinners, no client bundle overhead.