mintlify__docs/es/deploy/preview-deployments.mdx

---
title: "Implementaciones de vista previa"
description: "Obtén URLs de vista previa únicas para solicitudes de extracción y revisa los cambios antes de fusionarlos."
keywords: ["preview URLs", "pull request previews", "branch previews", "staging environments"]
---

<Info>
  Las implementaciones de vista previa están disponibles en los [planes Pro y Enterprise](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 crean para las solicitudes de extracción dirigidas a 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 la vista previa en tu solicitud de extracción. La vista previa se actualiza cada vez que haces push de nuevas confirmaciones a la rama.

<Frame>
  <img src="/images/previews/preview-deployment-light.png" alt="Enlace para ver la implementación en la línea de tiempo de la solicitud de extracción" className="block dark:hidden" />

  <img src="/images/previews/preview-deployment-dark.png" alt="Enlace para ver la implementación en la línea de tiempo de la solicitud de extracción" className="hidden dark:block" />
</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 volver a intentarlo 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="/images/previews/redeploy-preview-light.png" alt="El menú Previews con el botón de implementación resaltado con un rectángulo naranja." className="block dark:hidden" />
  <img src="/images/previews/redeploy-preview-dark.png" alt="El menú Previews con el botón de implementación resaltado con un rectángulo naranja." className="hidden dark:block" />
</Frame>

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

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

<Frame>
  <img src="/images/previews/widget-light.png" alt="Widget de vista previa expandido para mostrar la lista de archivos con cambios." className="block dark:hidden" />
  <img src="/images/previews/widget-dark.png" alt="Widget de vista previa expandido para mostrar la lista de archivos con cambios." className="hidden dark:block" />
</Frame>

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

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="/images/previews/preview-auth-light.png" alt="El interruptor de autenticación de vista previa en la página Add-ons" className="block dark:hidden" />
  <img src="/images/previews/preview-auth-dark.png" alt="El interruptor de autenticación de vista previa en la página Add-ons" className="hidden dark:block" />
</Frame>

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

Si tu implementación 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 con error. Los registros de implementación muestran los errores que provocaron el fallo.
- **Revisar tu configuración**:
   - Sintaxis no válida en `docs.json`
   - Rutas de archivos ausentes o incorrectas referenciadas en tu `navigation`
   - frontmatter no válido en archivos MDX
   - Enlaces de imágenes rotos o archivos de imagen ausentes
- **Validar localmente**: Ejecuta `mint dev` en local para detectar errores de compilación antes de subir los cambios al repositorio.
- **Revisar los cambios recientes**: Revisa las confirmaciones más recientes en tu branch para identificar qué cambios provocaron el fallo de la compilación.