# Compose Server and Client Components in Next.js

Canonical source : [Compose Server and Client Components in Next.js](<https://sebastien.rigaux.be/en/tech-watch/links/compose-server-and-client-components-in-next-js>)

The documentation explains where data fetching, secrets and interactions belong in the App Router. Examples show how to pass server-fetched data into interactive Client Components.

- Selected on : 2023-10-25

- Entry updated : 2026-11-07T20:32:37+0000

- Format : Documentation

- Source language : EN

Original resource : [Compose Server and Client Components in Next.js](<https://nextjs.org/docs/app/getting-started/server-and-client-components>)

Tags : [Next.js](<https://sebastien.rigaux.be/en/tech-watch/tags/nextjs>) · [React](<https://sebastien.rigaux.be/en/tech-watch/tags/react>) · [React Server Components](<https://sebastien.rigaux.be/en/tech-watch/tags/react-server-components>)

Available versions : [Français](<https://sebastien.rigaux.be/veille/liens/composer-les-composants-serveur-et-client-dans-next-js>) · [English](<https://sebastien.rigaux.be/en/tech-watch/links/compose-server-and-client-components-in-next-js>)

[Back to tech watch](<https://sebastien.rigaux.be/en/tech-watch>)