# Vista previa y producción: cómo se publica tu app

> Tu app pasa por tres lugares mientras la construyes: primero `localhost:3000` en tu propio equipo, después un enlace privado de vista previa en Vercel para cada rama que subes y, por último, producción, la web pública que se actualiza desde `main` solo cuando apruebas.

## Analogía

Piensa en el estreno de una obra de teatro. Primero ensayas en el salón de casa (`localhost`), luego haces un ensayo general en el escenario real solo para tus amistades (**vista previa**) y, por último, abres las puertas al público en el estreno (**producción**).

## Cómo funciona

Mientras tu coding-agent construye una tarea, tu app funciona en localhost, normalmente en `http://localhost:3000` (donde `3000` es el port numerado). Solo tú puedes ver `localhost`: vive únicamente en tu equipo y se apaga en cuanto cierras la app.

Cuando una tarea funciona en local, tu agente sube la branch a GitHub con un push y abre un pull-request. Como vercel vigila tu repo de GitHub, construye automáticamente una preview y te da una dirección web privada para que pruebes el cambio en un servidor real o desde el teléfono.

Quienes usan tu app nunca ven trabajo a medias mientras pruebas en la vista previa. Solo cuando pruebas el enlace de Preview y dices «publícalo», tu agente hace merge del pull request en main, lo que indica a Vercel que debe deploy la nueva versión en production en tu dirección pública (como `my-first-app.vercel.app`).

Si alguna vez detectas un problema en la web publicada, no hace falta alarmarse. En la pestaña **Deployments** de Vercel puedes pulsar **Instant Rollback** sobre la versión anterior que funcionaba para restaurarla en segundos (un rollback) mientras tu agente arregla el código con calma en una rama.

## En tu proyecto

Al terminar una tarea en una rama, tu agente hace push a GitHub, abre un pull request, ejecuta las comprobaciones y te entrega el enlace de vista previa de Vercel. Siempre espera tu aprobación expresa antes de fusionar en `main` para actualizar producción.

## Copia para tu agente

```text
Haz push de nuestra rama actual, abre un pull request y compárteme el enlace de vista previa de Vercel para que pueda probarlo antes de fusionar en main.
```

---
Fuente: [Agentic Makers](https://agenticmakers.app/es/aprende/vista-previa-y-produccion) · Licencia: CC BY 4.0