---
title: Pages
description: A page is a React server component that renders the whole document and receives the request.
---
Every page module **default-exports a server component** — nothing else. It may be `async` and await
data directly.
```tsx
import type { PageProps } from '@rshono/core';
import { db } from '../db';
export default async function Profile({ params, ctx }: PageProps<'/profile/:id'>) {
const user = await db.getUser(params.id);
const theme = ctx.cookies.get('theme') ?? 'light';
return {user.name};
}
```
Pages render the **entire document** (`…`), usually through a shared layout component.
Interactive parts are `'use client'` components the page imports — only those ship JavaScript.
There is no ``, ``, `