> ## Documentation Index
> Fetch the complete documentation index at: https://tomee-mintlify-docs-review-2026-08-04.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/tomee-mintlify-docs-review-2026-08-04/CJaXO8MGfXWDQb8E/images/editor/live-preview-light.png?fit=max&auto=format&n=CJaXO8MGfXWDQb8E&q=85&s=cbd45dd14c948bbe51140bc78d7612e1" 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/tomee-mintlify-docs-review-2026-08-04/CJaXO8MGfXWDQb8E/images/editor/live-preview-dark.png?fit=max&auto=format&n=CJaXO8MGfXWDQb8E&q=85&s=780a5c437e31bc8d70628b8acd6023ce" 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 fonctionne pour les sites publics et les sites protégés par l'authentification Mintlify. Pour les sites authentifiés, l'éditeur vous connecte automatiquement à l'aperçu.
</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, avec authentification automatique pour les sites protégés | 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).