> ## Documentation Index
> Fetch the complete documentation index at: https://wiki.another-horizon.eu/llms.txt
> Use this file to discover all available pages before exploring further.

# Implementaciones de vista previa

> Obtén URLs de vista previa únicas para solicitudes de extracción y revisa los cambios antes de fusionarlos.

<Info>
  Las implementaciones de vista previa están disponibles en los [planes Pro y Custom](https://mintlify.com/pricing?ref=preview-deployments).
</Info>

Las implementaciones de vista previa te permiten ver cómo se verán los cambios en tu documentación antes de fusionarlos en producción. Cada vista previa crea una URL para compartir que se actualiza automáticamente a medida que haces push de nuevos cambios.

De forma predeterminada, las URLs de vista previa son públicas. Comparte un enlace de vista previa con quien necesite revisar tus cambios.

<div id="create-preview-deployments">
  ## Crear implementaciones de vista previa
</div>

Las implementaciones de vista previa se crean automáticamente mediante solicitudes de extracción o manualmente desde tu dashboard.

<div id="automatic-previews">
  ### Vistas previas automáticas
</div>

<Note>
  Las vistas previas automáticas solo se generan para solicitudes de extracción cuyo destino sea tu [rama de implementación](/es/guides/git-concepts#deployment-branch).
</Note>

Cuando creas una solicitud de extracción, el bot de Mintlify agrega automáticamente un enlace para ver la implementación de vista previa en tu solicitud de extracción. La vista previa se actualiza cada vez que haces push de nuevas confirmaciones a la branch.

<Frame>
  <img src="https://mintcdn.com/anotherhorizon/KtT4EXjd_91dkOA7/images/previews/preview-deployment-light.png?fit=max&auto=format&n=KtT4EXjd_91dkOA7&q=85&s=16eedf3cd0b722e61164195268179af9" alt="Enlace para ver la implementación en la línea de tiempo de la solicitud de extracción" className="block dark:hidden" width="1704" height="142" data-path="images/previews/preview-deployment-light.png" />

  <img src="https://mintcdn.com/anotherhorizon/KtT4EXjd_91dkOA7/images/previews/preview-deployment-dark.png?fit=max&auto=format&n=KtT4EXjd_91dkOA7&q=85&s=fdc2aca965f4f54edc77510173584f62" alt="Enlace para ver la implementación en la línea de tiempo de la solicitud de extracción" className="hidden dark:block" width="1704" height="142" data-path="images/previews/preview-deployment-dark.png" />
</Frame>

<div id="manual-previews">
  ### Vistas previas manuales
</div>

Puedes crear manualmente una vista previa para cualquier branch.

1. Ve a tu [dashboard](https://dashboard.mintlify.com/).
2. Selecciona **Previews**.
3. Selecciona **Create custom preview**.
4. Ingresa el nombre del branch que quieres previsualizar.
5. Selecciona **Create deployment**.

<div id="redeploy-a-preview">
  ## Volver a implementar una vista previa
</div>

Vuelve a implementar una vista previa para actualizar el contenido o intentarlo de nuevo después de una implementación fallida.

1. Selecciona la vista previa en tu [dashboard](https://dashboard.mintlify.com/).
2. Selecciona **Volver a implementar**.

<Frame>
  <img src="https://mintcdn.com/anotherhorizon/KtT4EXjd_91dkOA7/images/previews/redeploy-preview-light.png?fit=max&auto=format&n=KtT4EXjd_91dkOA7&q=85&s=3f349f53cc976e7471cdfe807bf471a7" alt="El menú Previews con el botón de implementación resaltado con un rectángulo naranja." className="block dark:hidden" width="2104" height="634" data-path="images/previews/redeploy-preview-light.png" />

  <img src="https://mintcdn.com/anotherhorizon/KtT4EXjd_91dkOA7/images/previews/redeploy-preview-dark.png?fit=max&auto=format&n=KtT4EXjd_91dkOA7&q=85&s=50d1fb4dc9de9cce358efdd66e7174e0" alt="El menú Previews con el botón de implementación resaltado con un rectángulo naranja." className="hidden dark:block" width="2104" height="634" data-path="images/previews/redeploy-preview-dark.png" />
</Frame>

<div id="preview-widget">
  ## Widget de vista previa
</div>

El widget de vista previa aparece en las implementaciones de vista previa para ayudarte a navegar y revisar las páginas actualizadas. El widget es un botón flotante en la esquina inferior derecha de la implementación de vista previa.

<Frame>
  <img src="https://mintcdn.com/anotherhorizon/KtT4EXjd_91dkOA7/images/previews/widget-light.png?fit=max&auto=format&n=KtT4EXjd_91dkOA7&q=85&s=7949c6a7a8df8865242c8ae0cc3b06ef" alt="Widget de vista previa expandido que muestra la lista de archivos modificados." className="block dark:hidden" width="820" height="314" data-path="images/previews/widget-light.png" />

  <img src="https://mintcdn.com/anotherhorizon/KtT4EXjd_91dkOA7/images/previews/widget-dark.png?fit=max&auto=format&n=KtT4EXjd_91dkOA7&q=85&s=13f1d68005112073d847c399d01914bb" alt="Widget de vista previa expandido que muestra la lista de archivos modificados." className="hidden dark:block" width="820" height="314" data-path="images/previews/widget-dark.png" />
</Frame>

1. Haz clic en el widget para ver todos los archivos agregados, modificados o eliminados en la vista previa.
2. Haz clic en un archivo para ver los cambios en la página correspondiente.
3. Usa la barra de búsqueda para filtrar la lista de archivos modificados.

El widget solo aparece en las implementaciones de vista previa, no en tu sitio en producción ni en las vistas previas locales.

<div id="restrict-access-to-preview-deployments">
  ## Restringir el acceso a las implementaciones de vista previa
</div>

De forma predeterminada, las implementaciones de vista previa son accesibles públicamente para cualquiera que tenga la URL. Puedes restringir el acceso a los miembros autenticados de tu organización en Mintlify.

1. Ve a la sección **Previews** en la página de [Add-ons](https://dashboard.mintlify.com/products/addons) de tu dashboard.
2. Haz clic en el interruptor **Preview authentication** para habilitar o deshabilitar la autenticación de la vista previa.

<Frame>
  <img src="https://mintcdn.com/anotherhorizon/KtT4EXjd_91dkOA7/images/previews/preview-auth-light.png?fit=max&auto=format&n=KtT4EXjd_91dkOA7&q=85&s=d015c3c900dabcd2747a052535435494" alt="El interruptor de autenticación de vista previa en la página Add-ons" className="block dark:hidden" width="1460" height="434" data-path="images/previews/preview-auth-light.png" />

  <img src="https://mintcdn.com/anotherhorizon/KtT4EXjd_91dkOA7/images/previews/preview-auth-dark.png?fit=max&auto=format&n=KtT4EXjd_91dkOA7&q=85&s=96133ee83d07f6e3f5e251da855634f1" alt="El interruptor de autenticación de vista previa en la página Add-ons" className="hidden dark:block" width="1460" height="434" data-path="images/previews/preview-auth-dark.png" />
</Frame>

<div id="troubleshooting-preview-deployments">
  ## Solución de problemas de despliegues de vista previa
</div>

Si tu despliegue de vista previa falla, prueba estos pasos de solución de problemas.

* **Ver los registros de compilación**: En tu [dashboard](https://dashboard.mintlify.com/), ve a **Previews** y haz clic en la vista previa fallida. Los registros del despliegue muestran los errores que provocaron el fallo.
* **Revisar tu configuración**:
  * Sintaxis no válida en `docs.json`
  * Rutas de archivos que faltan o son incorrectas en tu navegación
  * Frontmatter no válido en archivos MDX
  * Enlaces de imágenes rotos o archivos de imagen inexistentes
* **Validar localmente**: Ejecuta `mint dev` localmente para detectar errores de compilación antes de hacer push a tu repositorio.
* **Revisar cambios recientes**: Revisa los commits más recientes en tu rama para identificar qué cambios hicieron que la compilación fallara.
