Lovable despliegue de aplicaciones
Desplegar una aplicación creada con Lovable a producción.
Conserva el código fuente generado en Lovable, sincronízalo con GitHub y llévalo a un espacio de trabajo de Adios para una compilación de producción real, una vista previa, diagnóstico y una publicación sujeta a aprobación.
Del código fuente a producción
- 01código fuente de Lovable
- 02Espacio de trabajo de Adios
- 03Compilación + vista previa + registros
- 04Aprobación humana de producción
Producción permanece separada del trabajo de preparación del agente hasta que apruebes la versión.
Código fuente
Archivos y configuración disponibles para revisión
Vista previa
Saludable antes de producción
Pruebas
Salida de compilación y registros del entorno de ejecución
Control
Punto de aprobación humana
Proyectos desplegables
Conserva la aplicación generada. Añade el contrato de producción.
Adios trabaja a partir del código fuente del proyecto y de los comandos habituales de su framework. No exige regenerar la aplicación en un formato propietario.
- Aplicaciones web React y Vite de Lovable
- Frontends conectados a Supabase
- Aplicaciones web que llaman API externas
- Proyectos que necesitan dominios personalizados, secretos y registros del entorno de ejecución
Transferencia de código fuente mediante GitHub
Traslada el código fuente de Lovable, no solo la vista previa.
Conecta el proyecto de Lovable a GitHub desde Settings → Connectors → GitHub. Lovable crea y sincroniza el repositorio; Adios puede trabajar después a partir de ese historial persistente de código fuente en lugar de un artefacto de compilación copiado.
Proyecto de Lovable
→ Settings → Connectors → GitHub
→ Repositorio GitHub sincronizado
→ Espacio de trabajo de AdiosPrompt de ejemplo para el agente
Pide una versión verificada, no solo un comando de despliegue.
Usa esto en el espacio de trabajo de IA de Adios después de sincronizar el proyecto de Lovable con GitHub.
“Importa este repositorio de Lovable a un espacio de trabajo de Adios. Inspecciona la compilación de Vite o React, identifica todas las variables de entorno públicas y del servidor necesarias, crea adios.yaml, ejecuta una compilación de producción, abre una vista previa e informa de los cambios de código fuente o configuración antes de la aprobación de producción.”
Configuración disponible para revisión
El agente escribe cómo debería funcionar la aplicación.
El manifiesto exacto debe corresponder al repositorio. Este ejemplo hace explícitos una compilación de producción convencional de Node.js, un puerto y un endpoint de salud para que la versión se pueda revisar y repetir.
Descubre cómo funciona adios.yamlname: vibe-app
region: de
build_cmd: npm ci && npm run build
start_cmd: npm start
runtime:
name: node@24
port: 3000
health_path: /api/healthFlujo de trabajo del código fuente a la publicación
Cinco comprobaciones entre el código generado y producción.
- 01
Inspeccionar el código fuente del proyecto
Identifica el framework, el gestor de paquetes, la salida de compilación, el comando de inicio, el puerto esperado, las variables de entorno y los servicios con estado antes de crear una versión.
- 02
Hacer visible el contrato del entorno de ejecución
Escribe o actualiza adios.yaml para que el comando de compilación, el de inicio, el entorno de ejecución, el puerto, la comprobación de salud, los secretos y los recursos gestionados puedan revisarse junto al código.
- 03
Compilar y abrir una vista previa
Ejecuta la compilación de producción en un espacio de trabajo aislado, inicia la aplicación e inspecciona una URL de vista previa antes de considerar que el proyecto se puede desplegar.
- 04
Leer registros y corregir fallos
Usa la salida de compilación, los registros del entorno de ejecución y la ruta de salud configurada para diagnosticar fallos. Aplica la corrección al código fuente y recompila el mismo proyecto en lugar de parchear producción a mano.
- 05
Revisar y aprobar producción
Comprueba el diff final del código fuente, la configuración, la vista previa y el resultado de salud. Una persona aprueba el despliegue en producción después de que el agente haya preparado una versión saludable.
Cuando falla la compilación
Da al agente pruebas sobre las que pueda actuar.
Una vista previa de Lovable puede ocultar supuestos que aparecen en una compilación de producción limpia, como variables de entorno ausentes o una alternativa de enrutamiento del lado del cliente. Adios mantiene el fallo, el cambio en el código fuente y la nueva vista previa en el mismo flujo de trabajo que se puede revisar.
compilación · fallida
↓ inspeccionar la salida
código fuente + adios.yaml · actualizado
↓ recompilar y comprobar la salud
vista previa · saludable
↓ revisión humana
producción · listo para la aprobación
Despliegue del framework
Adapta el proyecto generado a su entorno de ejecución.
Desplegar React
Vite y otros frontends React servidos como aplicaciones estáticas o respaldadas por Node.
Abrir la guía del entorno de ejecuciónDesplegar Next.js
Rutas renderizadas en el servidor, manejadores de rutas, salida estática y aplicaciones Node.js persistentes.
Abrir la guía del entorno de ejecuciónDesplegar Postgres
Datos relacionales gestionados para aplicaciones que necesitan estado persistente y una cadena de conexión privada.
Abrir la guía del entorno de ejecuciónFAQ
Desplegar aplicaciones creadas con Lovable en Adios.
¿Importa Adios directamente un proyecto de Lovable?
La transferencia fiable es el código fuente del proyecto en GitHub. Conecta Lovable a GitHub, deja que sincronice el repositorio y usa ese repositorio como fuente del espacio de trabajo de Adios y del despliegue.
¿Puedo seguir editando en Lovable después de conectar GitHub?
Lovable documenta la sincronización bidireccional con GitHub para proyectos conectados. Coordina con cuidado las ramas y los commits para que los cambios hechos en Lovable, localmente o mediante un espacio de trabajo de Adios no se sobrescriban entre sí.
¿Despliega Adios únicamente aplicaciones Next.js?
No. Adios admite comandos explícitos de compilación e inicio para proyectos habituales de frontend, full stack, API, workers y aplicaciones con datos. El framework detectado cambia el contrato del entorno de ejecución; el flujo del código fuente a la vista previa y a producción sigue siendo el mismo.
¿Puede el agente de IA desplegarse a la producción sin aprobación?
No. El agente puede preparar código fuente, configuración, compilaciones, vistas previas y diagnóstico, pero la transición a producción está sujeta a aprobación para que una persona revise primero la versión.
¿Qué pasa cuando falla la compilación de producción?
La salida de compilación y los registros del entorno de ejecución siguen disponibles en el espacio de trabajo. El agente puede usar esas pruebas para actualizar el código fuente o la configuración y compilar de nuevo antes de solicitar aprobación de producción.
Herramientas de vibe coding
Despliega desde otro flujo de programación con IA.
Del código fuente a una versión saludable
Deja que Lovable prepare el despliegue. Conserva la aprobación de producción.
Empieza con el código fuente que ya tienes, verifícalo en una vista previa de Adios y promueve solo la versión que hayas revisado.
Crea un espacio de trabajo gratis