Lovable es una de las herramientas más populares para crear aplicaciones web describiéndolas con palabras. Incluye su propio hosting, pero muchas personas prefieren publicar el proyecto en un hosting propio: para usar su dominio con más control, para tener la web junto a su correo y sus otros sitios, o para no depender de una sola plataforma.

Esta guía explica cómo hacerlo. Todo lo que contamos sobre Lovable está verificado en su documentación oficial a fecha de octubre de 2026; si la plataforma cambia, revisa su documentación antes de seguir los pasos.

En este artículo:

• Antes de empezar: qué tipo de app tienes
• Paso 1: saca el código de Lovable
• Paso 2: compílalo en tu computadora
• Paso 3a: publicar una app React + Vite (estática)
• Paso 3b: publicar una app TanStack Start (con servidor)
• Paso 4: conecta tu dominio
• Qué pasa con la base de datos
• Cómo actualizar la web después de publicarla
• Preguntas frecuentes

Antes de empezar: qué tipo de app tienes

Según su documentación, a fecha de octubre de 2026 Lovable crea los proyectos con uno de dos tipos de tecnología, y cada uno necesita un hosting distinto:

Tipo de proyecto	Cómo funciona	Qué hosting necesita
Apps creadas desde el 13 de mayo de 2026 (TanStack Start)	Generan las páginas en el servidor	Un hosting que ejecute Node.js (Lovable indica Node.js 22) o un VPS
Apps anteriores (React + Vite)	Se compilan a archivos estáticos en la carpeta dist	Cualquier hosting que sirva archivos, con una regla para las rutas

Para saber cuál es la tuya, abre el archivo package.json en la pestaña Code de Lovable. Si aparece @tanstack/react-start entre las dependencias, es una app TanStack Start. Si no, es una app React + Vite. También puedes preguntárselo a Lovable en el chat del proyecto.

Paso 1: saca el código de Lovable

Lovable ofrece dos formas de obtener el código, según su documentación:

• Sincronizar con GitHub (también GitLab o Bitbucket), disponible en todos los planes. Lovable crea un repositorio nuevo y mantiene una sincronización en los dos sentidos.
• Descargar el código como .zip con el botón Download codebase, disponible en los planes de pago.

La sincronización con GitHub es la opción más cómoda si vas a seguir editando el proyecto en Lovable, porque cada cambio llega al repositorio y puedes volver a publicarlo.

Paso 2: compílalo en tu computadora

Lovable recomienda probar la app en tu computadora antes de subirla a cualquier hosting. Necesitas tener Node.js instalado. Desde la carpeta del proyecto:

npm install
npm run build

Si tu app usa el backend integrado de Lovable o Supabase, antes de compilar debes tener configuradas las variables que aparecen en el archivo .env del proyecto, como VITE_SUPABASE_URL y VITE_SUPABASE_PUBLISHABLE_KEY. Los valores que usa el navegador quedan incluidos en el resultado al compilar.

Paso 3a: publicar una app React + Vite (estática)

1. Tras compilar, abre la carpeta dist.
2. En el cPanel de tu hosting, abre el Administrador de archivos y sube el contenido de dist a public_html (o a la carpeta de tu dominio).
3. Crea un archivo .htaccess en esa misma carpeta para que todas las rutas carguen index.html; si no, al recargar una página interna verás un error 404.
4. Activa el SSL gratuito desde cPanel y abre tu dominio con https.

Este es un ejemplo de regla habitual para Apache:

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

Paso 3b: publicar una app TanStack Start (con servidor)

Estas apps ejecutan código en el servidor, así que no basta con subir archivos. La documentación de Lovable describe cómo compilarlas para un servidor Node.js propio:

NITRO_PRESET=node-server npm run build
node .output/server/index.mjs

El servidor escucha por defecto en el puerto 3000 y hay que ponerlo detrás de un servidor web que gestione el https. Tienes dos caminos:

• Hosting compartido con Node.js: en K2WebHost puedes crear la app desde cPanel con Setup Node.js App, indicando la carpeta y el archivo de arranque. Comprueba antes que la versión de Node.js que pide Lovable esté disponible en el selector.
• VPS: si la app necesita más memoria o quieres control total, un VPS con acceso root te permite instalar Node.js 22, ejecutar la app como servicio y configurar el proxy y el certificado.

Paso 4: conecta tu dominio

Si tu dominio está conectado a Lovable, primero desconéctalo allí. Después apunta el dominio a tu hosting: cambia sus servidores DNS a los de tu proveedor o, si prefieres mantener el DNS donde está, crea un registro A con la IP de tu hosting. Lee qué es el DNS si es la primera vez que lo haces.

Ten en cuenta que, según la documentación de Lovable, conectar un dominio propio a un proyecto dentro de Lovable requiere un plan de pago. Publicarlo en tu propio hosting evita esa dependencia.

Qué pasa con la base de datos

La base de datos y el inicio de sesión de tu app no viajan con el código. Si usas el backend integrado de Lovable, tu web publicada en otro hosting puede seguir usándolo con las mismas variables. Si quieres sacarlo también, la documentación de Lovable explica cómo migrarlo a un proyecto de Supabase propio. Planifica esa parte por separado y con una copia de seguridad de los datos.

Cómo actualizar la web después de publicarla

Una vez publicada en tu hosting, puedes seguir usando Lovable para hacer cambios. Con la sincronización con GitHub, cada cambio que hagas en Lovable llega al repositorio. Para publicarlo, descarga la última versión, vuelve a compilar y sube el resultado a tu hosting, igual que la primera vez.

Si los cambios son frecuentes, conviene automatizar ese paso. En un VPS puedes configurar un script que descargue el repositorio y vuelva a compilar con un solo comando. Haz siempre una copia de los archivos publicados antes de reemplazarlos, para poder volver atrás si algo falla.

---

Preguntas frecuentes