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

# Vista previa en vivo

> Previsualice su sitio en tiempo real mientras edita, con actualizaciones continuas que renderizan al instante los cambios de contenido y configuración.

Previsualice su sitio mientras edita. Las vistas previas en vivo renderizan las páginas exactamente como se ven cuando se publican y se actualizan a medida que realiza cambios en el contenido, la navegación y la configuración.

<div id="open-live-preview">
  ## Abrir la vista previa en vivo
</div>

Haga clic en el botón <Icon icon="play" /> de vista previa en vivo en la barra superior para abrir una vista previa en vivo en una nueva pestaña.

<Frame>
  <img src="https://mintcdn.com/adminroletesting-justin-client-exports/NEOZ7P71btyQDTB6/images/editor/live-preview-light.png?fit=max&auto=format&n=NEOZ7P71btyQDTB6&q=85&s=3ccf1236edf041b83144dd292088b43b" alt="El botón de vista previa en vivo en la barra de herramientas." className="block dark:hidden" width="464" height="192" data-path="images/editor/live-preview-light.png" />

  <img src="https://mintcdn.com/adminroletesting-justin-client-exports/NEOZ7P71btyQDTB6/images/editor/live-preview-dark.png?fit=max&auto=format&n=NEOZ7P71btyQDTB6&q=85&s=c06a4a31d76906b5a9f602934c37a956" alt="El botón de vista previa en vivo en la barra de herramientas." className="hidden dark:block" width="467" height="192" data-path="images/editor/live-preview-dark.png" />
</Frame>

<Note>
  La vista previa en vivo solo está disponible para sitios públicos.
</Note>

<div id="live-preview-versus-preview-deployments">
  ## Vista previa en vivo frente a despliegues de vista previa
</div>

|                    | Vista previa en vivo                | Despliegue de vista previa                    |
| ------------------ | ----------------------------------- | --------------------------------------------- |
| **Velocidad**      | Al instante                         | Requiere una compilación                      |
| **Acceso**         | URL local                           | URL para compartir                            |
| **Cuándo usarla**  | Para revisar cambios mientras edita | Para compartir con su equipo para su revisión |
| **Disponibilidad** | Mientras el editor esté abierto     | Mientras exista la branch                     |

Use la vista previa en vivo para obtener retroalimentación inmediata mientras edita. Cuando necesite compartir cambios con su equipo o probarlos en un dispositivo diferente, use un [despliegue de vista previa](/es/editor/branching-and-publishing#preview-your-changes).