---
title: "Site recipes"
description: "Focused changes and checklists for maintaining a Systhema client site."
requested_language: fr
language: en
translation_notice: "This page isn't translated yet"
url: https://docs.systhema.app/fr/next/guides/recipes
version: unreleased (main)
docs_index: https://docs.systhema.app/fr/next/llms.txt
---
> This page isn't translated yet. Showing English.


Use these recipes after the [Build a site tutorial](https://docs.systhema.app/fr/next/guides/build-a-site.md). Each recipe assumes a Systhema project with synced token references and documentation matched to its installed version.

## Choose a recipe

| Task                                | Recipe                                                    |
| ----------------------------------- | --------------------------------------------------------- |
| Compose a reusable UI element       | [Custom component](custom-component.md)                   |
| Give a CMS page its own shell       | [Custom page template](custom-page-template.md)           |
| Change a region's colors            | [Theming and dark mode](theming-and-dark-mode.md)         |
| Add a frontend and content locale   | [Adding a language](adding-a-language.md)                 |
| Connect the Admin metrics dashboard | [Connecting analytics](connecting-analytics.md)           |
| Verify a production launch          | [Going-live checklist](going-live-checklist.md)           |
| Transfer ownership to the client    | [Client-handover checklist](client-handover-checklist.md) |
| Update a deployed site              | [Upgrading a client site](upgrading-a-client-site.md)     |

## Before changing a project

Run commands in the app that depends on Systhema, not an unrelated workspace root:

```bash
node -p "require('./node_modules/@systhemaui/core/package.json').version"
systhema info
```

Read `systhema.config.ts` and `.systhema/references/tokens/_index.toon`. If the references are missing, run the project's sync script and inspect them again:

```bash
pnpm sync
```

Use [version-matched docs](https://docs.systhema.app/fr/next/ai-agents/docs-for-agents.md) for API questions. The project references, rather than documentation defaults, determine available themes and variants.

## Verify the result

Run the consumer project's type check, lint and format scripts. The starter has no typecheck script, so use:

```bash
pnpm exec tsc --noEmit
pnpm lint
pnpm format
```

For visual changes, inspect the rendered result at the project's breakpoints and in each supported theme. For Payload changes, check both published content and unsaved live preview.

Schema changes need a database plan. A clean type check says nothing about whether existing data can move safely into a new schema. Read [Database migrations](https://docs.systhema.app/fr/next/payload/database/migrations.md) before deploying them.