What is React Server Components?

Turkish: Sunucu Bileşenleri (Server Components)

React Server Components render selected UI parts on the server and send results without shipping their component code to the browser.

What is React Server Components?

React Server Components let selected parts of a UI run on the server. These components can access data directly, produce HTML-like output, and avoid sending their own JavaScript code to the browser.

In a classic client component, code is downloaded by the browser, data calls run from the client, and interactions depend on JavaScript. In a server component, database queries, file reads, or backend service calls can stay on the server. This keeps secrets out of the browser and can reduce bundle size.

How It Works

In the React Server Components model, server components do not hold interactive client state. If a button click, form state, or browser API is required, a client component is used. Frameworks such as Next.js combine both component types in the same tree.

This is related to but different from SSR. SSR creates the initial HTML for a page; server components also decide which component code does not need to be shipped to the browser.

Business Use

Server components can simplify data access in admin panels, product detail pages, reporting screens, and content-heavy applications. They work best when interactive sections and data-only sections are separated deliberately.