---
title: "Rédiger et organiser : vue d'ensemble"
sidebarTitle: Vue d'ensemble de la rédaction
description: >-
  Tout sur la rédaction des pages Jamdesk : syntaxe MDX, blocs de code,
  intégrations média, SEO et outils de prévisualisation avant publication.
---

> **For AI agents:** the complete documentation index is at [llms.txt](/docs/llms.txt). Append `.md` to any page URL for its markdown version.

Les pages Jamdesk sont des fichiers MDX : du Markdown standard avec des composants React disponibles partout où vous en avez besoin. Une page n'est rien de plus que du frontmatter et du contenu.

```mdx
---
title: Rate Limits
description: How rate limiting works across API tiers.
---

Requests are limited per API key.

<Note>Enterprise plans have custom limits.</Note>
```

La majeure partie de ce que vous écrirez est du Markdown standard. Les pages de cette section couvrent le reste : blocs de code avec coloration syntaxique, images et vidéos, notation mathématique, snippets réutilisables, et les champs du frontmatter qui contrôlent les titres, les icônes et les métadonnées SEO.

## MDX et pages

<Columns cols={3}>
  <Card title="Bases de MDX" icon="pen-to-square" href="/fr/content/mdx-basics">
    Markdown avec des composants React intégrés. Commencez ici.
  </Card>
  <Card title="Blocs de code" icon="code" href="/fr/content/code-blocks">
    Coloration syntaxique, numéros de ligne, noms de fichiers et CodeGroups
  </Card>
  <Card title="Composants React personnalisés" icon="puzzle-piece" href="/fr/content/react-components">
    Définissez vos propres composants avec rendu côté serveur et Tailwind
  </Card>
  <Card title="Frontmatter" icon="file-lines" href="/fr/content/frontmatter">
    Titres, descriptions, icônes, surcharges de barre latérale et métadonnées SEO
  </Card>
  <Card title="En-têtes" icon="heading" href="/fr/content/headers">
    En-têtes H2 et H3 qui alimentent la table des matières
  </Card>
  <Card title="Icônes" icon="icons" href="/fr/content/icons">
    Icônes Font Awesome Pro dans les cartes, encadrés, navigation et texte en ligne
  </Card>
  <Card title="Liens et ancres" icon="link" href="/fr/content/links">
    Liens internes, ancres de titres et URL externes
  </Card>
  <Card title="Mathématiques et LaTeX" icon="square-root-variable" href="/fr/content/math">
    Rendu KaTeX pour les équations et expressions
  </Card>
  <Card title="SEO" icon="magnifying-glass" href="/fr/content/seo">
    Balises méta, aperçus sociaux et sitemaps générés automatiquement
  </Card>
  <Card title="Pages masquées" icon="eye-slash" href="/fr/content/hidden-pages">
    Excluez des pages de la barre latérale et de la recherche sans les supprimer
  </Card>
  <Card title="Snippets" icon="clone" href="/fr/content/snippets">
    Blocs de contenu réutilisables que vous importez dans plusieurs pages
  </Card>
</Columns>

## Médias et intégrations

<Columns cols={2}>
  <Card title="Images" icon="image" href="/fr/content/images">
    Dimensionnement, légendes, variantes claires/sombres et formats pris en charge
  </Card>
  <Card title="YouTube" icon="circle-play" href="/fr/content/youtube">
    Vidéos à chargement différé et Shorts avec horaires de démarrage personnalisés
  </Card>
  <Card title="Vidéos" icon="video" href="/fr/content/videos">
    MP4 et WebM avec les propriétés autoplay, loop et poster
  </Card>
  <Card title="iFrames" icon="window-restore" href="/fr/content/iframes">
    Vimeo, CodePen, Figma, Loom et autres intégrations externes
  </Card>
</Columns>

## Outils de rédaction

Vous n'avez pas besoin de push pour voir vos modifications. Prévisualisez en local avec le CLI, modifiez dans le navigateur ou contrôlez le serveur de développement depuis VS Code.

<Columns cols={3}>
  <Card title="Preview locale" icon="terminal" href="/fr/development/local-preview">
    Exécutez votre documentation sur votre machine avec des rechargements instantanés
  </Card>
  <Card title="Éditeur web" icon="browser" href="/fr/development/web-editor">
    Modifiez du MDX dans le navigateur avec preview en direct, commit directement dans votre repo
  </Card>
  <Card title="Extension VS Code" icon="square-code" href="/fr/development/vscode-extension">
    Démarrez et arrêtez le serveur de développement depuis la barre d'état
  </Card>
</Columns>
