Cómo alojar tu sitio web de Lovable
Lovable genera una app de React/Vite. Para alojarla donde tú quieras, primero la compilas a archivos estáticos y después publicas ese resultado. SiteDrop toma la carpeta compilada y te da un enlace en vivo.
Publica tu sitio gratis →Ponlo en línea en 4 pasos
- En Lovable, exporta o descarga el código de tu proyecto (o conecta GitHub y descarga el repositorio).
- En tu computadora ejecuta npm install y luego npm run build para producir la carpeta de salida estática (normalmente dist).
- Comprime el contenido de la carpeta dist: index.html debe quedar en el nivel superior del zip.
- Sube el zip a SiteDrop.
Qué tipos de archivo funcionan
Lovable produce una app de React/Vite, así que alojas su resultado COMPILADO: la carpeta estática dist después de npm run build, que es HTML/CSS/JS simple. Eso se sube perfecto. Lo que no se puede alojar de forma estática es lo que esté conectado a un backend en vivo (autenticación, una base de datos, rutas de servidor); en un sitio de marketing o un portafolio, normalmente no hay nada de eso.
Qué falla y cómo arreglarlo
- Comprimí el proyecto y me salió una página en blanco.
Comprimiste el código fuente, no la compilación. Ejecuta npm install y luego npm run build, y comprime el CONTENIDO de la carpeta dist con index.html en el nivel superior.
- Página en blanco y la consola muestra errores 404 en /assets/*.
Vite usa rutas absolutas para los recursos por defecto. Pon base: './' en vite.config antes de compilar para que los recursos se resuelvan desde la raíz del zip, y vuelve a compilar.
- Supabase o el inicio de sesión dejan de funcionar al publicar.
Esas funciones necesitan un backend en vivo y claves de entorno que un hosting estático no ejecuta. Publica aquí el front-end estático y deja las funciones dinámicas en un servicio que corra un servidor.
SiteDrop vs. usar Netlify sin más
Netlify puede ejecutar la compilación de Vite por ti desde un repositorio git, útil si quieres despliegues automáticos. A cambio, tienes que conectar git, configurar la compilación y manejar variables de entorno. Si prefieres compilar una vez en tu computadora y solo alojar la carpeta dist, SiteDrop toma ese zip directamente y te da un enlace (y un dominio propio en los planes de pago) sin ese flujo.
Hosting para Lovable: preguntas frecuentes
¿Por qué tengo que compilar primero?
Las apps de Lovable son proyectos de React, no HTML simple. La compilación las convierte en los archivos estáticos que los navegadores pueden servir. Una vez que tienes la carpeta dist, alojarla es solo subir un zip.
No quiero tocar la línea de comandos para nada, ¿qué opciones tengo?
Si tu proyecto es totalmente estático una vez compilado, pídele a Lovable (o a cualquier asistente de IA) una sola versión compilada y estática, y luego comprímela y súbela. Lo dinámico que necesite un servidor no encaja en un hosting estático.
¿Listo para publicar tu sitio de Lovable?
Sube tu .zip y obtén un enlace en vivo y fácil de compartir en menos de un minuto. Vista previa gratis de 7 días, sin tarjeta.
Publícalo ahora →