> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-mintlify-add-hello-world-quickstart-48843.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 vous explique comment configurer et déployer votre site de documentation en quelques minutes.

Une fois ce guide terminé, vous aurez 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">
  ## Pour commencer
</div>

Après avoir terminé l’onboarding, 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 Aperçu de votre [tableau de bord](https://dashboard.mintlify.com/).

<Frame>
  <img src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/jocJo5b89LRoeOR4/images/quickstart/mintlify-domain-light.png?fit=max&auto=format&n=jocJo5b89LRoeOR4&q=85&s=30a8153224da6651818f304ee28de6d3" alt="Domaine Mintlify" className="block dark:hidden" width="3024" height="1372" data-path="images/quickstart/mintlify-domain-light.png" />

  <img src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/jocJo5b89LRoeOR4/images/quickstart/mintlify-domain-dark.png?fit=max&auto=format&n=jocJo5b89LRoeOR4&q=85&s=7ea305db69c4e50c1433dc58e89b54f3" 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-la pour effectuer des tests et la partager 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 application GitHub qui automatise le déploiement lorsque vous poussez des modifications vers votre dépôt.

Installez l’application GitHub en suivant les instructions de la checklist d’onboarding ou depuis votre tableau de bord.

1. Rendez-vous dans **Settings** de votre tableau de bord Mintlify.
2. Sélectionnez **GitHub App** dans la barre latérale.
3. Cliquez sur **Install GitHub App**. Un nouvel onglet s’ouvre vers la page d’installation de l’application GitHub.
4. Choisissez l’organisation ou le compte utilisateur où vous souhaitez installer l’application.
5. Sélectionnez les dépôts que vous souhaitez connecter.

<Frame>
  <img src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/jocJo5b89LRoeOR4/images/quickstart/github-app-installation-light.png?fit=max&auto=format&n=jocJo5b89LRoeOR4&q=85&s=8d7f9a910d8d067fe1f715987dc1b0c8" alt="Installation de l’application GitHub" className="block dark:hidden" width="3024" height="910" data-path="images/quickstart/github-app-installation-light.png" />

  <img src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/jocJo5b89LRoeOR4/images/quickstart/github-app-installation-dark.png?fit=max&auto=format&n=jocJo5b89LRoeOR4&q=85&s=1f77a8bdd648e381cb25d7fb7d774a84" alt="Installation de l’application GitHub" className="hidden dark:block" width="3016" height="906" data-path="images/quickstart/github-app-installation-dark.png" />
</Frame>

<Info>
  Mettez à jour les autorisations de l’application GitHub si vous déplacez votre documentation vers un autre dépôt.
</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">
  ## Flux d’édition
</div>

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

<Card title="Workflow basé 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="Workflow via 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. Cliquez pour accéder à cette section.
</Card>

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

Ce flux de travail s’intègre à votre environnement de développement et à vos dépôts Git existants. Il convient particulièrement aux é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
  npm i -g mint
  ```

  ```bash pnpm
  pnpm add -g mint
  ```
</CodeGroup>

<Info>
  Node.js doit être installé sur votre machine. En cas de problème 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 dépôt créé lors de l’intégration.
2. Ouvrez `index.mdx` et repérez le début du fichier :

```mdx index.mdx
---
title: "Introduction"
description: "Voici l’introduction de la documentation"
---
```

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

```mdx index.mdx {2}
---
title: "Bonjour, monde"
description: "Introduction à la documentation"
---
```

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

Pour prévisualiser les modifications en local, exécutez la commande suivante :

```bash
mint dev
```

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

<Frame>
  <img src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/jocJo5b89LRoeOR4/images/quickstart/mintlify-dev-light.png?fit=max&auto=format&n=jocJo5b89LRoeOR4&q=85&s=e8e2771bcf13a570f870d31d044ef6ec" alt="Mintlify Dev" className="block dark:hidden" width="3024" height="1518" data-path="images/quickstart/mintlify-dev-light.png" />

  <img src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/jocJo5b89LRoeOR4/images/quickstart/mintlify-dev-dark.png?fit=max&auto=format&n=jocJo5b89LRoeOR4&q=85&s=0005a7c5a03f1ea989522e74e20cbed1" 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">
  ### Pousser les modifications
</div>

Lorsque vous êtes prêt à publier vos modifications, poussez-les vers votre dépôt.

Mintlify détecte automatiquement les changements, génère votre documentation et déploie les mises à jour sur votre site. Suivez l’état du déploiement dans l’historique des commits de votre dépôt GitHub ou sur le [tableau de bord](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 aussi ignorer 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. Ce flux est idéal pour celles et ceux qui souhaitent travailler dans leur navigateur 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 [tableau de bord](https://dashboard.mintlify.com).
2. Sélectionnez **Editor** dans la barre latérale gauche.

<Info>
  Si vous n’avez pas installé l’application GitHub, il vous sera proposé de l’installer à l’ouverture de l’éditeur web.
</Info>

<Frame>
  <img alt="L’éditeur web Mintlify en mode éditeur visuel" src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/jocJo5b89LRoeOR4/images/quickstart/web-editor-light.png?fit=max&auto=format&n=jocJo5b89LRoeOR4&q=85&s=ae25205da722d9952583e3850f4f4b6b" className="block dark:hidden" width="3024" height="1404" data-path="images/quickstart/web-editor-light.png" />

  <img alt="L’éditeur web Mintlify en mode éditeur visuel" src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/jocJo5b89LRoeOR4/images/quickstart/web-editor-dark.png?fit=max&auto=format&n=jocJo5b89LRoeOR4&q=85&s=9ca4ad3646a78428d91b70cdd83d1c69" 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 :

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

Puis, dans l’éditeur, modifiez le champ du titre en « Hello World ».

<Frame>
  <img alt="Editing in Web Editor" src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/jocJo5b89LRoeOR4/images/quickstart/web-editor-editing-light.png?fit=max&auto=format&n=jocJo5b89LRoeOR4&q=85&s=be273242be5a7f0a4268de917198f2d5" className="block dark:hidden" width="3022" height="1130" data-path="images/quickstart/web-editor-editing-light.png" />

  <img alt="Editing in Web Editor" src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/jocJo5b89LRoeOR4/images/quickstart/web-editor-editing-dark.png?fit=max&auto=format&n=jocJo5b89LRoeOR4&q=85&s=a59c0e47fcfe65ef82735c8aa59f6169" className="hidden dark:block" width="3018" height="1127" data-path="images/quickstart/web-editor-editing-dark.png" />
</Frame>

<Tip>
  L’Éditeur web offre un ensemble complet d’outils de mise en forme et de composants. Tapez <kbd>/</kbd> dans l’éditeur pour ouvrir le menu contextuel 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 **Publier** dans l’angle supérieur droit. Vos modifications sont immédiatement déployées 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 sur l’usage des branches et des pull requests pour collaborer et prévisualiser les changements, 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é, rendez-vous sur la page [Domain Setup](https://dashboard.mintlify.com/settings/deployment/custom-domain) de votre tableau de bord.

<Frame>
  <img src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/jocJo5b89LRoeOR4/images/quickstart/custom-domain-light.png?fit=max&auto=format&n=jocJo5b89LRoeOR4&q=85&s=3574e63a78c8d085c1071795d5c4f009" alt="Custom Domain" className="block dark:hidden" width="3024" height="1142" data-path="images/quickstart/custom-domain-light.png" />

  <img src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/jocJo5b89LRoeOR4/images/quickstart/custom-domain-dark.png?fit=max&auto=format&n=jocJo5b89LRoeOR4&q=85&s=637c0db4c910f93eaae4100cb47fc365" alt="Custom Domain" 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 pour configurer les enregistrements 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 changements DNS peuvent prendre jusqu’à 48 heures pour se propager, même s’ils se finalisent 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 les prochaines étapes recommandées pour améliorer votre documentation :

<Card title="Configure your global settings" icon="settings" href="fr/settings" horizontal>
  Configurez le style global du site, la navigation, les intégrations, et bien plus encore avec le fichier `docs.json`.
</Card>

<Card title="Customize your theme" 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="Organize 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="Add interactive components" icon="puzzle" href="/fr/components/accordions" horizontal>
  Enrichissez votre documentation avec des composants interactifs comme des accordéons, des onglets et des exemples de code.
</Card>

<Card title="Set up API references" icon="code" href="/fr/api-playground/overview" horizontal>
  Créez des références d’API interactives avec les spécifications OpenAPI et AsyncAPI.
</Card>

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

Si vous rencontrez des problèmes pendant 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 n’apparaissent 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 pour vous assurer qu’il n’y a pas d’erreurs de compilation.
  </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 (jusqu’à 48 heures). Vous pouvez utiliser des outils comme [DNSChecker](https://dnschecker.org) pour vérifier votre enregistrement CNAME.
  </Accordion>
</AccordionGroup>
