> ## Documentation Index
> Fetch the complete documentation index at: https://omer-914cc1c6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Démarrage rapide

> Déployez votre documentation en quelques minutes

Ce guide de démarrage rapide explique comment configurer et déployer votre site de documentation en quelques minutes.

Une fois ce guide terminé, vous disposerez d’un site de documentation en ligne, prêt à être personnalisé et enrichi.

<Info>
  **Prérequis** : Avant de commencer, [créez un compte](https://mintlify.com/start) et terminez l’onboarding.
</Info>

<div id="getting-started">
  ## Bien démarrer
</div>

Une fois le processus d’onboarding terminé, votre site de documentation est automatiquement déployé à une URL unique au format suivant :

```
https://<nom-de-votre-projet>.mintlify.app
```

Trouvez votre URL sur la page Overview de votre [Dashboard](https://dashboard.mintlify.com/).

<Frame>
  <img src="https://mintcdn.com/omer-914cc1c6/zyJsbuZtXQKHf9Ui/images/quickstart/mintlify-domain-light.png?fit=max&auto=format&n=zyJsbuZtXQKHf9Ui&q=85&s=2996fe7332cfbab264eaf86de78224d3" alt="Domaine Mintlify" className="block dark:hidden" width="3024" height="1372" data-path="images/quickstart/mintlify-domain-light.png" />

  <img src="https://mintcdn.com/omer-914cc1c6/zyJsbuZtXQKHf9Ui/images/quickstart/mintlify-domain-dark.png?fit=max&auto=format&n=zyJsbuZtXQKHf9Ui&q=85&s=8b40e210b3a239e2d7005b2ebd7d3afa" alt="Domaine Mintlify" className="hidden dark:block" width="3008" height="1368" data-path="images/quickstart/mintlify-domain-dark.png" />
</Frame>

L’URL de votre site est disponible immédiatement. Utilisez cette URL pour les tests et le partage avec votre équipe pendant la configuration de votre site de documentation.

<div id="install-the-github-app">
  ### Installer l’application GitHub
</div>

Mintlify propose une GitHub App qui automatise le déploiement lorsque vous poussez des modifications vers votre référentiel.

Installez la GitHub App en suivant les instructions de la checklist d’onboarding ou depuis votre Dashboard.

1. Accédez à **Settings** dans votre Tableau de bord Mintlify.
2. Sélectionnez **GitHub App** dans la barre latérale.
3. Sélectionnez **Install GitHub App**. Un nouvel onglet s’ouvre sur la page d’installation de la GitHub App.
4. Sélectionnez l’organisation ou le compte utilisateur où vous souhaitez installer l’app.
5. Sélectionnez les référentiels que vous souhaitez connecter.

<Frame>
  <img src="https://mintcdn.com/omer-914cc1c6/zyJsbuZtXQKHf9Ui/images/quickstart/github-app-installation-light.png?fit=max&auto=format&n=zyJsbuZtXQKHf9Ui&q=85&s=0a3f2a8882cb6716c622302ab5963a92" alt="Installation de la GitHub App" className="block dark:hidden" width="3024" height="910" data-path="images/quickstart/github-app-installation-light.png" />

  <img src="https://mintcdn.com/omer-914cc1c6/zyJsbuZtXQKHf9Ui/images/quickstart/github-app-installation-dark.png?fit=max&auto=format&n=zyJsbuZtXQKHf9Ui&q=85&s=94c62cea749e8ed4f5fd56897956d81a" alt="Installation de la GitHub App" className="hidden dark:block" width="3016" height="906" data-path="images/quickstart/github-app-installation-dark.png" />
</Frame>

<Info>
  Mettez à jour les autorisations de la GitHub App si vous déplacez votre documentation vers un autre référentiel.
</Info>

<div id="authorize-your-github-account">
  ### Autoriser votre compte GitHub
</div>

1. Accédez à **Settings** dans votre Tableau de bord Mintlify.
2. Sélectionnez **My Profile** dans la barre latérale.
3. Sélectionnez **Authorize GitHub account**. Un nouvel onglet s’ouvre vers la page d’autorisation GitHub.

<Info>
  Un administrateur de votre organisation GitHub peut devoir autoriser votre compte en fonction des paramètres de votre organisation.
</Info>

<div id="editing-workflows">
  ## Méthodes d’édition
</div>

Mintlify propose deux méthodes pour créer et maintenir votre documentation :

<Card title="Méthode basée sur le code" icon="terminal" horizontal href="#code-based-workflow">
  Pour les utilisateurs qui préfèrent travailler avec leurs outils habituels en local. Cliquez pour accéder à cette section.
</Card>

<Card title="Méthode avec l’éditeur web" icon="mouse-pointer-2" horizontal href="#web-editor-workflow">
  Pour les utilisateurs qui préfèrent une interface visuelle dans leur navigateur web. Cliquez pour accéder à cette section.
</Card>

<div id="code-based-workflow">
  ## Flux de travail basé sur le code
</div>

Le flux de travail basé sur le code s’intègre à votre environnement de développement existant et à vos dépôts Git. Ce flux de travail est idéal pour les équipes techniques qui souhaitent gérer la documentation en parallèle du code.

<div id="install-the-cli">
  ### Installer la CLI
</div>

Pour travailler localement avec votre documentation, installez l’interface en ligne de commande (CLI), appelée [mint](https://www.npmjs.com/package/mint), en exécutant la commande suivante dans votre terminal :

<CodeGroup>
  ```bash npm theme={null}
  npm i -g mint
  ```

  ```bash pnpm theme={null}
  pnpm add -g mint
  ```
</CodeGroup>

<Info>
  Vous devez avoir Node.js installé sur votre machine. Si vous rencontrez des problèmes d’installation, consultez le guide de dépannage.
</Info>

<div id="edit-the-documentation">
  ### Modifier la documentation
</div>

Après avoir configuré votre environnement, vous pouvez commencer à modifier vos fichiers de documentation. Par exemple, mettez à jour le titre de la page d’introduction :

1. Ouvrez le référentiel créé lors de l’intégration.
2. Ouvrez `index.mdx` et repérez le début du fichier :

```mdx index.mdx theme={null}
---
title: "Introduction"
description: "Ceci est l'introduction de la documentation"
---
```

3. Mettez à jour le champ `title` sur `"Hello World"`.

```mdx index.mdx {2} theme={null}
---
title: "Bonjour le monde"
description: "Ceci est l'introduction à la documentation"
---
```

<div id="preview-the-changes">
  ### Prévisualiser les modifications
</div>

Pour afficher un aperçu local des modifications, exécutez la commande suivante :

```bash theme={null}
mint dev
```

Votre aperçu sera disponible à `localhost:3000`.

<Frame>
  <img src="https://mintcdn.com/omer-914cc1c6/zyJsbuZtXQKHf9Ui/images/quickstart/mintlify-dev-light.png?fit=max&auto=format&n=zyJsbuZtXQKHf9Ui&q=85&s=a24b188b587e0b27b68b86123411f07a" alt="Mintlify Dev" className="block dark:hidden" width="3024" height="1518" data-path="images/quickstart/mintlify-dev-light.png" />

  <img src="https://mintcdn.com/omer-914cc1c6/zyJsbuZtXQKHf9Ui/images/quickstart/mintlify-dev-dark.png?fit=max&auto=format&n=zyJsbuZtXQKHf9Ui&q=85&s=ba367443a9ede91d6b79fc83dcd00af3" alt="Mintlify Dev" className="hidden dark:block" width="3018" height="1518" data-path="images/quickstart/mintlify-dev-dark.png" />
</Frame>

<div id="push-the-changes">
  ### Envoyer les modifications
</div>

Lorsque vous êtes prêt à publier vos modifications, envoyez-les vers votre référentiel.

Mintlify détecte automatiquement les modifications, génère votre documentation et déploie les mises à jour sur votre site. Surveillez l’état du déploiement dans l’historique des commits de votre référentiel GitHub ou sur le [Dashboard](https://dashboard.mintlify.com).

Une fois le déploiement terminé, votre dernière mise à jour sera disponible à `<your-project-name>.mintlify.app`.

<Card title="Passer à l’ajout d’un domaine personnalisé" icon="arrow-down" href="#adding-a-custom-domain" horizontal>
  Vous pouvez, si vous le souhaitez, ignorer le flux de travail de l’éditeur web et passer directement à l’ajout d’un domaine personnalisé.
</Card>

<div id="web-editor-workflow">
  ## Flux de travail de l’éditeur web
</div>

Le flux de travail de l’éditeur web propose une interface WYSIWYG (What You See Is What You Get) pour créer et modifier la documentation. Il convient particulièrement à celles et ceux qui souhaitent travailler dans leur navigateur web sans recourir à des outils de développement locaux supplémentaires.

<div id="access-the-web-editor">
  ### Accéder à l’éditeur web
</div>

1. Connectez-vous à votre [Dashboard](https://dashboard.mintlify.com).
2. Sélectionnez **Editor** dans la barre latérale gauche.

<Info>
  Si vous n’avez pas installé la GitHub App, il vous sera demandé d’installer l’app lors de l’ouverture de l’éditeur web.
</Info>

<Frame>
  <img alt="Éditeur web Mintlify en mode éditeur visuel" src="https://mintcdn.com/omer-914cc1c6/zyJsbuZtXQKHf9Ui/images/quickstart/web-editor-light.png?fit=max&auto=format&n=zyJsbuZtXQKHf9Ui&q=85&s=1cf68220e551f01f2449490d20f5fe66" className="block dark:hidden" width="3024" height="1404" data-path="images/quickstart/web-editor-light.png" />

  <img alt="Éditeur web Mintlify en mode éditeur visuel" src="https://mintcdn.com/omer-914cc1c6/zyJsbuZtXQKHf9Ui/images/quickstart/web-editor-dark.png?fit=max&auto=format&n=zyJsbuZtXQKHf9Ui&q=85&s=b4fbc6d934f99186e54d005e921b9a2b" className="hidden dark:block" width="3011" height="1402" data-path="images/quickstart/web-editor-dark.png" />
</Frame>

<div id="edit-the-documentation">
  ### Modifier la documentation
</div>

Dans l’éditeur web, vous pouvez parcourir vos fichiers de documentation dans la barre latérale. Mettons à jour la page d’introduction :

Recherchez et sélectionnez `index.mdx` dans l’explorateur de fichiers.

Puis, dans l’éditeur, mettez à jour le champ title avec « Hello World ».

<Frame>
  <img alt="Modification dans l’éditeur web" src="https://mintcdn.com/omer-914cc1c6/zyJsbuZtXQKHf9Ui/images/quickstart/web-editor-editing-light.png?fit=max&auto=format&n=zyJsbuZtXQKHf9Ui&q=85&s=dba4ac2555d65a032db1b916e675024f" className="block dark:hidden" width="3022" height="1130" data-path="images/quickstart/web-editor-editing-light.png" />

  <img alt="Modification dans l’éditeur web" src="https://mintcdn.com/omer-914cc1c6/zyJsbuZtXQKHf9Ui/images/quickstart/web-editor-editing-dark.png?fit=max&auto=format&n=zyJsbuZtXQKHf9Ui&q=85&s=884188155cb4f084979fc0d15883dec8" className="hidden dark:block" width="3018" height="1127" data-path="images/quickstart/web-editor-editing-dark.png" />
</Frame>

<Tip>
  L’éditeur propose un large éventail d’outils de mise en forme et de composants. Tapez <kbd>/</kbd> dans l’éditeur pour ouvrir le menu de commandes et accéder à ces outils.
</Tip>

<div id="publish-your-changes">
  ### Publier vos modifications
</div>

Lorsque vous êtes satisfait de vos modifications, cliquez sur le bouton **Publish** dans l’angle supérieur droit. Vos changements sont immédiatement déployés sur votre site de documentation.

<Tip>
  Utilisez des branches pour prévisualiser et relire les modifications via des pull requests avant de les déployer sur votre site en production.
</Tip>

Pour en savoir plus sur l’utilisation de l’éditeur web, notamment l’usage des branches et des pull requests pour collaborer et prévisualiser les modifications, consultez notre [documentation de l’éditeur web](/fr/editor/getting-started).

<div id="adding-a-custom-domain">
  ## Ajouter un domaine personnalisé
</div>

Bien que votre sous-domaine `<your-project-name>.mintlify.app` fonctionne bien pour les tests et le développement, la plupart des équipes préfèrent utiliser un domaine personnalisé pour la documentation en production.

Pour ajouter un domaine personnalisé, accédez à la page [Domain Setup](https://dashboard.mintlify.com/settings/deployment/custom-domain) dans votre Dashboard.

<Frame>
  <img src="https://mintcdn.com/omer-914cc1c6/zyJsbuZtXQKHf9Ui/images/quickstart/custom-domain-light.png?fit=max&auto=format&n=zyJsbuZtXQKHf9Ui&q=85&s=4bc19cade3f8be7eab420caa02b00e3d" alt="Domaine personnalisé" className="block dark:hidden" width="3024" height="1142" data-path="images/quickstart/custom-domain-light.png" />

  <img src="https://mintcdn.com/omer-914cc1c6/zyJsbuZtXQKHf9Ui/images/quickstart/custom-domain-dark.png?fit=max&auto=format&n=zyJsbuZtXQKHf9Ui&q=85&s=9d0b45698899a93e85c9888571bd25b7" alt="Domaine personnalisé" className="hidden dark:block" width="3018" height="1140" data-path="images/quickstart/custom-domain-dark.png" />
</Frame>

Saisissez votre domaine (par exemple, `docs.yourcompany.com`) et suivez les instructions fournies pour configurer les paramètres DNS auprès de votre fournisseur de domaine.

<Table>
  | Type d’enregistrement | Nom                    | Valeur             | TTL  |
  | --------------------- | ---------------------- | ------------------ | ---- |
  | CNAME                 | docs (ou sous-domaine) | cname.mintlify.app | 3600 |
</Table>

<Info>
  Les modifications DNS peuvent prendre jusqu’à 48 heures pour se propager, même si elles s’appliquent souvent bien plus rapidement.
</Info>

<div id="next-steps">
  ## Prochaines étapes
</div>

Félicitations ! Vous avez déployé votre site de documentation avec Mintlify. Voici des étapes recommandées pour améliorer votre documentation :

<Card title="Configurer vos paramètres globaux" icon="settings" href="fr/settings" horizontal>
  Configurez le style du site, la navigation, les intégrations et plus encore avec le fichier `docs.json`.
</Card>

<Card title="Personnaliser votre thème" icon="paintbrush" href="fr/themes" horizontal>
  Découvrez comment personnaliser les couleurs, les polices et l’apparence générale de votre site de documentation.
</Card>

<Card title="Organiser la navigation" icon="map" href="fr/navigation" horizontal>
  Structurez votre documentation avec une navigation intuitive pour aider les utilisateurs à trouver ce dont ils ont besoin.
</Card>

<Card title="Ajouter des composants interactifs" icon="puzzle" href="/fr/components/accordions" horizontal>
  Améliorez votre documentation avec des composants interactifs comme des Accordions, des onglets et des exemples de code.
</Card>

<Card title="Configurer des références d’API" icon="code" href="/fr/api-playground/overview" horizontal>
  Créez des références d’API interactives à partir de spécifications OpenAPI et AsyncAPI.
</Card>

<div id="troubleshooting">
  ## Dépannage
</div>

Si vous rencontrez des problèmes lors de la configuration, consultez ces solutions courantes :

<AccordionGroup>
  <Accordion title="L’aperçu local ne fonctionne pas">
    Assurez-vous d’avoir installé Node.js v19+ et d’exécuter la commande `mint dev` depuis le répertoire contenant votre fichier `docs.json`.
  </Accordion>

  <Accordion title="Les modifications ne s’affichent pas sur le site en production">
    Le déploiement peut prendre plusieurs minutes. Vérifiez vos GitHub Actions (pour un workflow basé sur le code) ou les journaux de déploiement dans le Tableau de bord Mintlify afin de vous assurer qu’il n’y a pas d’erreurs de build.
  </Accordion>

  <Accordion title="Le domaine personnalisé ne se connecte pas">
    Vérifiez que vos enregistrements DNS sont correctement configurés et laissez suffisamment de temps pour la propagation DNS (jusqu’à 48 heures). Vous pouvez utiliser des outils comme [DNSChecker](https://dnschecker.org) pour vérifier votre enregistrement CNAME.
  </Accordion>
</AccordionGroup>
