# React Server Components
_Box Kite 2.2.5 · a markdown copy of https://www.box-kite.dev/server-components/_
Box renders on the server with no 'use client', no provider and no stylesheet to import. Its CSS is part of the HTML.
## How it works
A Server Component cannot inject styles: there is no effect to run and no document to write to. In this mode Box does not inject anything — each rule it needs comes back as a `
resetStyles();
return `${styleTag}${html}
`;
}
```
## The example app
`examples/next-app` in the repository is a Next.js App Router app whose pages are Server Components, with a streamed Suspense boundary, a client island, the theme toggle above and a page of pre-built components rendered by the server. Its smoke test starts the production server and asserts on the HTML that the base element was hoisted, that every class in the markup has its rule in the response, and that the streamed section brought its own CSS with it.
```shell
npm run build # the library itself
npm run build:next-app # packs dist/, installs it, builds the app
npm run smoke:next-app # 13 assertions against the served HTML
```
---
_Every page: https://www.box-kite.dev/llms.txt · every prop, measured: https://www.box-kite.dev/props.md_