Cómo alojar una aplicación de Lovable en tu propio servidor
Para alojar una aplicación de Lovable en tu propio servidor, sincroniza el proyecto con GitHub mediante la sincronización con Git de Lovable, conecta el repositorio al panel Coolify de tu servidor, configura las variables de entorno y apunta tu dominio. Lovable documenta esta ruta por sí misma: el código es tuyo y funciona donde lo pongas. También puedes seguir creando en Lovable, ya que las ediciones llegan al repositorio y el servidor publica desde allí.
La decisión que más importa es el backend, porque los registros de la base de datos y los archivos subidos no viajan con el código.
¿Cómo sacas el código de Lovable?
| Vía | Cómo | Cuándo |
|---|---|---|
| Sincronización con Git | Ve a Project settings, luego a Git y GitHub, y pulsa Connect. Lovable crea un repositorio nuevo, privado por defecto, y empieza la sincronización en ambos sentidos. | Publicaciones continuas, en todos los planes |
| Download codebase | Descarga un .zip desde la misma página o desde el editor de código. | Una copia única, en los planes de pago |
¿Qué tipo de proyecto tienes?
Lovable se construye sobre dos stacks, y los ajustes del servidor dependen de eso. Si package.json lista @tanstack/react-start, tu proyecto es TanStack Start. Si no, es un proyecto React + Vite más antiguo. Los proyectos nuevos empiezan en TanStack Start.
| Stack | Qué se ejecuta en el servidor | Ajustes de Coolify |
|---|---|---|
| TanStack Start | Un servidor Node.js para páginas renderizadas en el servidor, funciones de servidor y rutas de API | Variable de compilación NITRO_PRESET=node-server, Start command node .output/server/index.mjs, puerto 3000. package.json debe listar nitro. |
| React + Vite | Archivos estáticos en dist/ | Output type Static site, Publish directory /dist. Establece Site type en SPA en la página General para que las páginas anidadas no devuelvan un 404 al refrescar. |
Una compilación estática de Vite es uno de los tipos de proyecto que hemos ejecutado con Coolify en un servidor real. Los valores de TanStack Start vienen de la propia documentación de Lovable, que recomienda Node 22.
Paso a paso
- Pide un servidor en la página de VPS para Next.js. A pesar del nombre, incluye Coolify, que publica mucho más que Next.js.
- Clona el repositorio y abre la carpeta en una herramienta de programación como Claude Code o Cursor.
- Copia la fila Pégalo en tu herramienta de IA de la pestaña Resumen de tu panel de Seturack y pégala en esa herramienta, que entonces se encarga de la publicación. No la pegues en el chat de Lovable. Contiene una clave de API, y Lovable no puede ejecutar nada fuera de su propia vista previa.
- Dale a la herramienta las variables de entorno que necesita, que dependen de la opción de backend que elijas abajo.
- Prueba la dirección HTTPS cuando llegue. Refresca una página anidada, inicia y cierra sesión, y prueba a escribir datos y a subir un archivo. Si el inicio de sesión falla en una redirección, añade la nueva dirección a tus URL de redirección permitidas.
- Apunta el registro A de tu dominio a la dirección IP del servidor y dile a la herramienta el nombre de dominio. El certificado se emite automáticamente.
- Pide a la herramienta que publique en cada push. Las ediciones de Lovable llegan al repositorio, así que cada una inicia una compilación.
La guía de Next.js explica cómo hacerlo a mano. Tienes acceso root y, si lo prefieres, puedes gestionarlo todo desde el panel. Tu dirección lovable.app sigue sirviendo la versión que publicaste por última vez allí.
¿Dónde vive el backend?
Quedarte en el backend integrado
Solo se mueve el sitio, así que es lo que menos trabajo da. Establece VITE_SUPABASE_URL y VITE_SUPABASE_PUBLISHABLE_KEY antes de la compilación. TanStack Start necesita además SUPABASE_URL y SUPABASE_PUBLISHABLE_KEY para su código de servidor. Estos valores están en el archivo .env del repositorio, pero los secretos que leen tus funciones de servidor no. Las funciones de IA y los conectores siguen funcionando y siguen consumiendo tus créditos de Lovable.
Ejecutar Supabase en tu propio servidor
Lovable nombra dos destinos para su backend integrado: Supabase gestionado y Supabase autoalojado. Mover solo PostgreSQL no basta, porque también hay que mover el inicio de sesión, el almacenamiento, el tiempo real y las Edge Functions. VPS para Supabase te da todo esto en un servidor aparte. La documentación de Supabase pide al menos 4 GB de RAM, 2 núcleos y 40 GB de disco.
- Crea la estructura ejecutando los archivos de
supabase/migrations/por orden de fecha. - Mueve los datos. Ve a More, Database, Manage, Settings y pulsa Export data; después carga el archivo de PostgreSQL comprimido con zstd con un
pg_restorecompatible con zstd en el puerto 5432. Las cuentas de usuario están incluidas, y todos tendrán que iniciar sesión de nuevo. Prueba esto antes en una instalación de prueba. - Descarga los archivos desde More, Storage y súbelos en Studio a buckets con los mismos nombres.
- Copia
supabase/functions/avolumes/functions/en el servidor, establece sus secretos y reinicia el servicio de funciones. - Configura los proveedores de inicio de sesión,
SITE_URLyADDITIONAL_REDIRECT_URLS. - En el sitio, establece
VITE_SUPABASE_URLcon la dirección de tu servidor Supabase, establece la clave pública y vuelve a compilar.
Las llamadas de IA y de conectores que pasan por Lovable tienen que pasar a tus propias cuentas de proveedor. Las actualizaciones y la supervisión pasan a ser cosa tuya, y Lovable no puede depurar una infraestructura que no controla.
Usar un proyecto de tu propia cuenta de Supabase
Si conectaste tu propia cuenta de Supabase, el backend ya vive fuera de Lovable, así que solo tienes que configurar las direcciones. Para traerlo a tu servidor, la guía de restauración de Supabase da los pasos con supabase db dump.
Preguntas frecuentes
¿Cuánta RAM necesita una aplicación de Lovable?
La página de venta recomienda al menos 4 GB de RAM, 2 vCores y 40 GB de disco. Esa cifra viene de la compilación: un proyecto grande de Next.js con 85 paquetes se quedó sin memoria con 2 GB y se compiló con 4 GB. Si una compilación se queda sin memoria, amplía desde tu panel.
¿Cuánto costará al mes?
El tamaño mínimo recomendado cuesta unos $6 al mes (IVA incluido), y fuera de Turquía pagas en dólares estadounidenses. La copia de seguridad diaria está incluida en el precio y el tráfico es ilimitado. Un segundo servidor para Supabase se cobra aparte. Exportar el código no cancela tu suscripción de Lovable ni el uso de Cloud.
¿Cómo saco mi dominio de Lovable?
Prueba primero todo en la dirección temporal. Después apunta el registro A a la dirección IP del servidor, añade el dominio a la aplicación y publica de nuevo. Para retirar la dirección lovable.app, anula la publicación del proyecto en Lovable.
¿Cómo actualizo el sitio después de publicarlo?
Sigue trabajando en Lovable o en tu herramienta de programación. Cada cambio llega a la rama sincronizada y, con un webhook, el servidor lo compila. Para mantener el trabajo a medias fuera de línea, deja que Lovable trabaje en una rama aparte y fusiona cuando esté listo.
¿La base de datos viaja con el código?
No. La sincronización con Git y el zip contienen archivos de código y los archivos que definen la estructura de la base de datos. Los registros y los archivos subidos se exportan por separado, así que verifícalos en el destino antes de retirar el backend antiguo.
Comentarios0
Todavía no hay comentarios
Sea la primera persona en compartir su opinión.
Inicie sesión o regístrese para dejar un comentario.