> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-docs-automation-github-pr-review.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Aperçu en direct

> Prévisualisez votre site en temps réel pendant l'édition, avec des mises à jour continues qui rendent instantanément contenu, navigation et configuration.

Prévisualisez votre site pendant que vous le modifiez. Les aperçus en direct affichent les pages exactement telles qu'elles apparaissent une fois publiées, et se mettent à jour à mesure que vous modifiez le contenu, la navigation et la configuration.

<div id="open-live-preview">
  ## Ouvrir l'aperçu en direct
</div>

Cliquez sur le bouton d'aperçu en direct <Icon icon="play" /> dans la barre supérieure pour ouvrir un aperçu en direct dans un nouvel onglet.

<Frame>
  <img src="https://mintcdn.com/mintlify-docs-automation-github-pr-review/KLiX8zhx79rgKAt4/images/editor/live-preview-light.png?fit=max&auto=format&n=KLiX8zhx79rgKAt4&q=85&s=b522ffe60e0a3a353096a1fecd890ffa" alt="Le bouton d'aperçu en direct dans la barre d'outils." className="block dark:hidden" width="464" height="192" data-path="images/editor/live-preview-light.png" />

  <img src="https://mintcdn.com/mintlify-docs-automation-github-pr-review/KLiX8zhx79rgKAt4/images/editor/live-preview-dark.png?fit=max&auto=format&n=KLiX8zhx79rgKAt4&q=85&s=dd35d56fbe49c2506308b1e1ab2498ed" alt="Le bouton d'aperçu en direct dans la barre d'outils." className="hidden dark:block" width="467" height="192" data-path="images/editor/live-preview-dark.png" />
</Frame>

<Note>
  L'aperçu en direct est uniquement disponible pour les sites publics.
</Note>

<div id="live-preview-versus-preview-deployments">
  ## Aperçu en direct vs déploiements de prévisualisation
</div>

|                      | Aperçu en direct                                | Déploiement de prévisualisation                |
| -------------------- | ----------------------------------------------- | ---------------------------------------------- |
| **Vitesse**          | Immédiat                                        | Nécessite un build                             |
| **Accès**            | URL locale                                      | URL partageable                                |
| **Quand l'utiliser** | Pour revoir les modifications pendant l'édition | Pour partager avec votre équipe pour relecture |
| **Disponibilité**    | Tant que l'éditeur reste ouvert                 | Tant que la branche existe                     |

Utilisez l'aperçu en direct pour obtenir un retour immédiat pendant l'édition. Lorsque vous devez partager des modifications avec votre équipe ou tester sur un autre appareil, utilisez un [déploiement de prévisualisation](/fr/editor/branching-and-publishing#preview-your-changes).