HOSTING PARA LOVABLE

Sí. Lovable genera proyectos de React con TypeScript y Tailwind CSS que requieren compilación antes de publicarse. Instala Node.js versión 18 o posterior desde nodejs.org. En tu terminal, ve a la carpeta del proyecto de Lovable descargado, ejecuta npm install para descargar todas las dependencias (puede tardar un minuto) y después npm run build para compilar. La carpeta dist/ que aparece contiene los archivos estáticos que se pueden publicar.

Sí. Los proyectos de Lovable están basados en React con Tailwind CSS y TypeScript. Eso significa que siempre necesitan un paso de compilación (npm install seguido de npm run build) antes de publicarse. La compilación convierte TypeScript en JavaScript, procesa las clases de Tailwind y agrupa todo en archivos estáticos optimizados. El resultado es HTML, CSS y JavaScript estándar que Static.app sirve como archivos estáticos.

Sí. Exporta tu proyecto de Lovable, abre una terminal en la carpeta del proyecto y ejecuta npm install y después npm run build. Comprime en un ZIP todo lo que hay dentro de la carpeta dist/ y arrástralo a static.app. Tu sitio web de Lovable queda publicado en tu propia URL en unos 15 segundos. Conecta un dominio personalizado desde el panel para darle una dirección web profesional.

Sí. El proceso de compilación de React incluye tree-shaking (eliminar el código sin usar), minificación (reducir el tamaño de los archivos), división del código (cargar solo lo necesario en cada página) y depuración de CSS (eliminar las clases de Tailwind sin usar). Estas optimizaciones se aplican automáticamente al ejecutar npm run build. Los archivos resultantes están listos para producción. Static.app sirve ese resultado exactamente como lo generó tu compilación, sin ningún paso de procesamiento adicional.

Sí. Lovable usa clases de utilidad de Tailwind CSS para las maquetaciones adaptables (como md:flex, lg:grid-cols-3). Estas clases se convierten en media queries de CSS estándar durante la compilación. El comportamiento adaptable está por completo en el CSS y no depende de ninguna función de la plataforma de hosting. Tu sitio web de Lovable se adapta a pantallas de móvil, tableta y ordenador exactamente igual que en la vista previa de Lovable.

Si tu proyecto de Lovable se conecta a Supabase para la autenticación o la base de datos, esas funciones funcionan en Static.app. Supabase se ejecuta como un servicio aparte; tu frontend solo llama a su API desde el navegador.

Las causas más comunes son dependencias que faltan y versiones de Node.js que no coinciden. Asegúrate de tener instalado Node.js 18 o posterior (compruébalo con node --version). Elimina la carpeta node_modules y el archivo package-lock.json y vuelve a ejecutar npm install desde cero. Si fallan paquetes concretos, busca el nombre del paquete en el mensaje de error y consulta si hay problemas de compatibilidad conocidos. La comunidad de Lovable en Discord también ayuda con los problemas de compilación.

Sí. Edita en Lovable, exporta la versión actualizada, vuelve a compilar y vuelve a subirla. O usa el editor de código de Static.app para cambios pequeños de HTML/CSS sin volver a Lovable.

Lovable incluye el hosting en sus planes de suscripción. Si ya pagas por Lovable, alojar allí no supone ningún coste adicional. Static.app resulta útil cuando quieres mantener un sitio web en marcha después de cancelar Lovable, o cuando necesitas funciones que el hosting de Lovable no incluye (formularios personalizados con static-form, protección con contraseña, analítica integrada, códigos QR). Por 6 USD/mes por 2 sitios web, es una opción asequible como hosting independiente para proyectos exportados.

El hosting integrado de Lovable funciona bien para los proyectos en los que estás trabajando activamente. Para sitios web de producción que necesitan un tiempo de actividad fiable, un hosting independiente en Static.app te da más control: dominios personalizados, gestión de formularios, analítica, protección con contraseña y ninguna dependencia del estado de tu suscripción a Lovable. Exporta el proyecto, compílalo y súbelo para tener un hosting independiente de cualquier herramienta de IA.

Lovable ofrece un uso gratuito limitado dentro de su plataforma. Para un hosting siempre activo de un sitio web generado con Lovable, exporta el proyecto, compílalo y aloja en Static.app (6 USD/mes). Así separas tu hosting de la plataforma de Lovable, de modo que tu sitio web sigue publicado y accesible independientemente del estado de tu suscripción o de los cambios de plan en Lovable.

Lovable incluye el hosting en sus planes de suscripción. Para un hosting independiente fuera de la plataforma de Lovable, exporta tu proyecto, compílalo en local y súbelo a Static.app. El plan Starter cuesta 6 USD/mes por 2 sitios web, con tráfico ilimitado, formularios integrados, analítica y protección con contraseña. Así tu sitio web sigue publicado aunque canceles o pauses tu suscripción a Lovable.