---
title: "Créer des sites web modifiables avec votre agent de codage | Camox"
description: "Découvrez le framework Vite avec CMS intégré pour concevoir des sites web pilotés par l'IA et modifiables visuellement sans redéploiement."
url: "https://camox.dev/fr"
---

<!-- Navbar -->
![](https://api.camox.dev/files/serve/15/1a25576e-bf17-4555-8e12-bfe488eb09e3)

- [GitHub](https://github.com/remidej/camox)

<!-- Hero -->
# Créez des sites web *modifiables* avec votre agent

Camox est un framework Vite avec un CMS intégré.

```bash
npm create camox@latest
```

<!-- Without / With -->
Pourquoi Camox

## Les agents de codage ont besoin d'un framework.

Pas seulement pour afficher des pages, mais pour gérer le site au fil du temps.

### Avec des frameworks standards / avec Camox

- **Without:** Les simples modifications de texte nécessitent des changements de code
  **With:** Modifiez le contenu visuellement sur la page
- **Without:** Chaque mise à jour de contenu nécessite un redéploiement
  **With:** Rédigez et publiez du contenu en production
- **Without:** Les agents génèrent du code pour chaque nouvelle page
  **With:** Les agents construisent des pages en assemblant vos blocs existants
- **Without:** L'optimisation des ressources et du référencement est fastidieuse
  **With:** Les ressources et les métadonnées sont gérées automatiquement

<!-- Feature Video Grid -->
Expérience d'édition

## Les meilleures fonctionnalités des CMS.

Bénéficiez de flux de travail de gestion de contenu puissants, sans la complexité.

- ### Modifier les pages dans l'interface
  Édition visuelle
  L'édition de contenu est collaborative et visuelle. Aucun code ou redéploiement n'est nécessaire. Tout le monde peut participer, y compris les utilisateurs non techniques.
  [edit-mode-16by9.mp4](https://api.camox.dev/files/serve/15/1788423035181-edit-mode-16by9.mp4)
  - Enregistrement automatique
  - Fonctionne en production
- ### Travaillez sur vos brouillons, publiez quand vous êtes prêt
  Flux de publication
  Expérimentez librement vos idées, directement sur votre site web. Comparez les modifications avec la version en ligne. Les visiteurs ne voient les mises à jour qu'une fois que vous les avez publiées.
  [draft-publish-16by9.mp4](https://api.camox.dev/files/serve/15/1788430004704-draft-publish-16by9.mp4)
  - Effectuez des modifications en toute sécurité
  - Jetez ce que vous n'aimez pas

<!-- Illustrated Features -->
SEO et GEO

# Conçu pour les sites web modernes.

Les sites web ont des besoins très différents de ceux des applications. Camox est conçu pour y répondre.

- **Génération de métadonnées SEO** Camox surveille en permanence les modifications de votre contenu et génère, si nécessaire, de nouveaux titres et descriptions optimisés pour Google.
  Résultat de recherche dont le titre et la description sont régénérés par Camox à partir de la page complète lors de ses changements
- **Images optimisées, métadonnées incluses** Tous vos assets sont compressés et servis dans le format le plus efficace. L'IA génère les noms de fichiers et le texte alternatif pour assurer une bonne accessibilité.
  Image téléchargée que Camox compresse, renomme et dote d'un texte alternatif
- **Génération d'images Open Graph** Faites en sorte que votre site sorte du lot lorsqu'il est partagé sur le Web. Toutes vos pages bénéficient nativement d'une image OG, utilisant un modèle que vous pouvez personnaliser.
  Flux social dont les aperçus de liens montrent l'image Open Graph générée par Camox pour chaque page
- **Servez du Markdown aux agents** Lorsqu'un LLM récupère une page de votre site, il ne reçoit pas du HTML mais du Markdown, le langage le plus efficace en termes de tokens. Vous définissez le modèle de bloc-en-Markdown, afin que rien ne soit perdu lors de la conversion.
  La même page servie à un humain sous forme rendue et à un agent en tant que Markdown

<!-- Key Principles -->
Flux de travail des agents

## Tout ce dont les agents ont besoin pour être autonomes

- ### Compétences incluses
  Tout ce que votre agent doit savoir sur Camox. Accessible sous forme de compétence qui reste synchronisée avec la version de votre framework.
- ### API typées
  Toutes les API possèdent des règles TypeScript strictes dérivées de vos schémas de contenu. Cela offre aux agents une boucle de rétroaction rapide lorsqu'ils commettent des erreurs.
- ### CLI performante
  Chaque opération dans Camox peut être effectuée via la CLI. Associée à la compétence Camox, cela permet aux agents de gérer votre site efficacement.

<!-- Feature Video Grid -->
Workflows humains

## Tout changement ne nécessite pas de prompt.

Effectuez rapidement des modifications manuelles et économisez vos jetons pour des tâches plus importantes.

- ### Glisser-déposer pour organiser une page
  Expérience utilisateur façon Notion
  Vous pensez qu'un élément mérite plus d'attention ? Faites-le glisser depuis la barre latérale et voyez le changement en temps réel.
  [drag-drop-16by9.mp4](https://api.camox.dev/files/serve/15/1788440833799-drag-drop-16by9.mp4)
  - Expérience utilisateur à la Notion
  - Aucun code requis
- ### Assemblez vos pages à la volée
  Conception par blocs
  Créez de nouvelles pages directement dans l'interface en assemblant les sections dont votre site dispose déjà : une bannière, une vidéo YouTube, un hero...
  [block-assembly-16by9.mp4](https://api.camox.dev/files/serve/15/1788441993522-block-assembly-16by9.mp4)
  - Aucun code requis
  - Des designs cohérents

<!-- Selling Points Grid -->
PILE

## Obtenez une base de code moderne et familière

- ### Framework basé sur React
  Rendu côté serveur pour un excellent référencement. Préchargement des liens au survol. Et le plus vaste écosystème de paquets.
- ### Nitro
  Prise en charge de tous les environnements d'exécution (serverless ou non), pour que vous puissiez déployer partout.
- ### Vite Plus
  Votre application est livrée avec le linter, le formateur et le vérificateur de types les plus rapides, basés sur oxc et tsgo.
- ### Tailwind et shadcn/ui
  La meilleure façon pour l'IA de gérer les styles. Modifiez l'apparence de votre site en ajustant le thème dans un seul fichier CSS.
- ### Base UI
  La bibliothèque de composants headless la plus moderne et la mieux maintenue. Avec une prise en charge complète de shadcn/ui.
- ### TanStack Query
  Gestion des données serveur avec mise en cache granulaire, intégrée au routeur.

<!-- FAQ -->
- Q: Camox est-il gratuit ?
  A: Pour le moment, oui. Nous pourrions ajouter des limites d'utilisation pour les plus gros projets à l'avenir, ce qui ne devrait pas affecter la plupart des utilisateurs.
- Q: Camox est-il open-source ?
  A: L'intégralité du code source est publique sur GitHub et la quasi-totalité du projet est sous licence MIT. L'exception concerne le serveur API, qui utilise la Fair Source License, rendant chaque version disponible sous licence MIT deux ans après sa publication.
- Q: Camox est-il stable ?
  A: Pour l'instant, non. Vous ne devriez pas l'utiliser en production. Veuillez nous faire part de vos rapports de bugs afin que nous puissions rendre Camox plus robuste.
- Q: Où sont stockées les données ?
  A: Le contenu de vos pages est hébergé par Camox sur notre API. Il utilise Cloudflare Workers (ainsi que D1 et R2) pour garantir que les calculs et les lectures de base de données se produisent là où la latence est la plus faible.
- Q: Puis-je héberger Camox moi-même ?
  A: Vous hébergez votre propre application frontend. Pour l'API, ce n'est pas encouragé, mais c'est possible. Le code source de l'API alimentant le SDK Camox est public sur notre dépôt, vous êtes donc libre de créer un fork et de le déployer. Il est conçu pour être hébergé sur la plateforme Cloudflare Workers.

<!-- Footer -->
![](https://api.camox.dev/files/serve/15/3eb0d3e8-74ea-4810-9e35-a08c0e99f5cb)

- [GitHub](https://github.com/remidej/camox)
- [npm](https://npmx.dev/package/camox)
- [À propos](https://www.linkedin.com/in/remi-de-juvigny/)
- [Tableau de bord](/dashboard)
- [Conditions générales](/terms)
- [Confidentialité](/privacy)