Cómo exportar Lovable a GitHub y desplegar el código fuera de Lovable en 2026

Publicado el 2026-10-27 por frfrand

Exportar Lovable a GitHub: Git sync, ZIP, Vite o TanStack Start, dependencias, variables y pruebas para migrar sin romper la app.

Respuesta rápida: Lo primero que necesitás para independizar tu aplicación no es comprar un servidor: es tener una copia del código que puedas construir sin abrir Lovable. La documentación actual ofrece Git sync y la descarga del código en determinados planes. La sincronización Git permite seguir editando mientras trabajás con herramientas externas, pero conviene entender qué rama es la que realmente sale a producción.

Abrí el repositorio exportado: revisá package.json, scripts, lockfile y carpetas. Si encontrás Vite, generalmente usarás npm ci y npm run build para producir dist/. Si usa @tanstack/react-start, el despliegue no se resuelve copiando dist/ a Nginx; es necesaria una plataforma capaz de ejecutar el servidor. Si hay configuración Supabase, las claves públicas de cliente no se tratan como contraseñas de servidor, pero los secretos reales jamás deben subirse a Git.

Qué cambia cuando dejás de mostrar una demo

Un ZIP sirve para entregar un estado puntual; GitHub agrega historial, revisiones, diffs y despliegues reproducibles. Si continuás usando el editor de Lovable, respetá el flujo de Git sync y verificá en sus docs las limitaciones de repositorio y rama. ArduMaker puede recibir proyectos Git como parte de un flujo de despliegue, con configuración específica según stack.

Ejemplo práctico: cómo se ve en un negocio real

Ejemplo: exportás una página de suscripciones. El comando de build funciona, pero al entrar a /panel y actualizar el navegador aparece 404. En una SPA Vite configurá el fallback de rutas en Nginx. Si el error aparece en un endpoint server-side de TanStack, el problema es otro: probablemente no tenés el runtime correcto. Antes de tocar código a ciegas, identificá la arquitectura.

Pasos concretos para pasar a producción

1. Activá Git sync en Lovable y verificá que el repositorio quede bajo tu control. 2. Cloná y ejecutá instalación usando el lockfile; anotá versión de Node y scripts. 3. Leé el árbol de dependencias para distinguir SPA Vite, TanStack Start y funciones backend. 4. Construí en un entorno limpio, corregí assets y variables faltantes. 5. Probá rutas profundas, formularios y llamadas API con el servidor de destino.

Preguntas frecuentes

### ¿GitHub contiene las contraseñas de mi app? No debería; los secretos se gestionan aparte. Si aparecen credenciales en el historial, revocalas.

¿Un ZIP es lo mismo que una migración?

No. Es solo una foto del código; no incluye necesariamente datos, correos, usuarios o hosting.

¿Puedo seguir creando con Lovable y publicar en otro lado?

Sí, cuando el flujo Git y las dependencias permiten mantener ambos entornos sincronizados.

¿Debo usar npm install o npm ci?

En despliegues reproducibles suele convenir npm ci si hay package-lock.json consistente.

¿Qué papel tiene ArduMaker?

ArduMaker dispone de herramientas de infraestructura para alojar aplicaciones en VPS y preparar despliegues según la arquitectura de cada proyecto. Eso no implica que el código generado por una IA sea automáticamente correcto, seguro o portable. El trabajo consiste en revisar dependencias, validar funciones, configurar servicios, mover datos cuando proceda y comprobar la puesta en producción. El servicio específico para migrar y desplegar aplicaciones creadas con IA se presentará en ardumaker.com/lovable (página próximamente disponible). Mientras se prepara, podés consultar ArduMaker para conocer la plataforma actual. No confundas esta futura landing con una herramienta de migración ya operativa.

Cómo usar esta guía sin cometer errores

La ruta correcta depende del stack y de los servicios externos. Antes de modificar un sitio con usuarios reales, conservá un backup comprobable y probá con cuentas y datos de staging. Los comandos y configuraciones son orientativos: contrastalos con la versión actual del proveedor, la distribución del VPS y las obligaciones de protección de datos que apliquen.

Fuentes y referencias oficiales

- Documentación técnica - Documentación técnica - Documentación técnica

Publicado en octubre de 2026. Las plataformas de IA y sus integraciones cambian; verificá los requisitos vigentes antes de contratar o migrar.

Qué muestra la fotografía

Revisión visual de un flujo de versiones y commits. Fotografía ilustrativa generada para acompañar esta guía sobre migración de aplicaciones creadas con IA; no es una captura de la plataforma ni certifica una instalación concreta.

Seguí con estas guías prácticas de ArduMaker

- De Lovable a producción con ArduMaker: cómo tener una web propia, estable y mantenible - Pasar una web de Lovable a un VPS: Nginx, SSL y un dominio profesional - React + Vite creados con IA: publicar una SPA con Nginx, SSL y dominio

Si estás evaluando tu propia aplicación, compará los requisitos reales de backend, base de datos, autorización y despliegue antes de elegir el servidor.