L15 · Publicación · 4 min
Vista previa y producción: cómo se publica tu app
En una frase
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.
Piénsalo así
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 Definiciónagente de programaciónUna IA que trabaja en la carpeta de tu proyecto: lee archivos, escribe código y ejecuta comandos, con tu permiso.Abrir en el glosario → construye una tarea, tu app funciona en DefiniciónlocalhostTu propio equipo haciendo de servidor mientras pruebas, normalmente en `http://localhost:3000`.Abrir en el glosario →, normalmente en http://localhost:3000 (donde 3000 es el DefiniciónpuertoUna puerta numerada del equipo en la que escucha una app, como la 3000. Solo una app puede usar cada puerto a la vez.Abrir en el glosario → 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 DefiniciónramaUna copia segura de tu proyecto donde se preparan los cambios. `main` es la publicada.Abrir en el glosario → a GitHub con un Definiciónpush (subir)Enviar tus commits desde tu equipo a GitHub.Abrir en el glosario → y abre un Definiciónpull requestUna propuesta de cambios para fusionar una rama, que GitHub muestra con sus cambios y comprobaciones para que la revises antes.Abrir en el glosario →. Como DefiniciónVercelEl servicio que convierte tu código de GitHub en una web publicada, con una vista previa para cada cambio.Abrir en el glosario → vigila tu Definiciónrepositorio (repo)La carpeta de tu proyecto más todo su historial. Git registra cada punto de guardado para que puedas volver a cualquier versión.Abrir en el glosario → de GitHub, construye automáticamente una Definiciónvista previa (Preview)Un enlace privado de prueba que Vercel crea para cada cambio, para probarlo antes de publicarlo.Abrir en el glosario → 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 Definiciónfusionar (merge)Llevar los cambios de una rama a otra, normalmente a `main` una vez aprobados.Abrir en el glosario → del pull request en DefiniciónmainLa rama principal. Lo que hay en `main` es lo que muestra tu web publicada.Abrir en el glosario →, lo que indica a Vercel que debe Definiciónpublicar (desplegar)Poner una versión de tu app en internet.Abrir en el glosario → la nueva versión en Definiciónproducción (Production)La versión publicada de tu app, la que ve todo el mundo. Sale de `main`.Abrir en el glosario → 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 Definiciónvolver a una versión anteriorVolver a poner en línea la versión anterior que funcionaba, con un clic, mientras se arregla el problema.Abrir en el glosario →) mientras tu agente arregla el código con calma en una rama.
Cómo se ve 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
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.
Comprobación rápida · 1 pregunta