¡Imagínate! Lovable se está convirtiendo en una herramienta súper popular para crear aplicaciones y sitios web usando la magia de la Inteligencia Artificial.
Con Lovable, el proceso es tan sencillo como chatear. Solo tienes que contarle qué necesitas, y esta increíble interfaz se encargará de diseñar y construir tu aplicación entera, tanto el frontend (lo que ves) como el backend (lo que hace que todo funcione). ¡Es como tener un desarrollador personal a tu disposición!
Para que lo sepas, Lovable construye estas maravillas digitales usando Javascript / Typescript, y se apoya en tecnologías modernas como Vite, React y Supabase. ¡Así te aseguras de tener algo robusto y actual!
Y lo mejor es que, aunque Lovable puede alojar tus creaciones en sus propios servidores, también tienes la libertad de llevarlas a tu propio hosting. En este artículo, te vamos a explicar paso a paso cómo lograrlo. Eso sí, ten en cuenta que no hay una opción de "exportación directa" desde Lovable para subir tu app o web generada con IA. Pero no te preocupes, ¡usaremos GitHub como nuestro puente para que todo sea posible!
Transferir el proyecto de Lovable a GitHub
¡Listo! Ya estamos en la interfaz de Lovable, con nuestra aplicación ya lista y reluciente, ya en esta pantalla le damos clic donde te señalo.
Una vez que tengas esa primera versión de tu aplicación o sitio web, ¡esa que creaste con Lovable y que ya te encanta!, vamos a buscar un botón clave. Nos dirigiremos al icono de GitHub que te he marcado en rojo en la imagen de arriba (lo encontrarás en la esquina superior derecha, ¡no tiene pérdida!).
Cuando hagas clic ahí, ¡pum!, te aparecerá una ventanita emergente como esta:
En este caso, en la captura anterior en "Connected Account" ya puedes ver la cuenta conectada. Si no tienes ninguna cuenta conectada, te permitirá conectar una.
Una vez que hayas conectado tu cuenta de GitHub a Lovable (¡es un paso muy sencillo!), podrás "enganchar" tu proyecto para que se pase automáticamente a GitHub. ¡Así de fácil!
Pero antes de que tu proyecto dé el salto a GitHub, te saldrá un mensajito como el que ves en la siguiente imagen:
Solo tenemos que hacer clic en el botón "Transfer anyway". Con esto, estamos confirmando que entendemos el mensaje que nos apareció, que básicamente nos recuerda lo que te contamos hace un ratito: ¡la sincronización entre Lovable y GitHub funciona en ambos sentidos!
¡Y listo! Tu proyecto de Lovable ya estará en tu cuenta de GitHub. Después de eso, verás una ventana como esta:
Ten en cuenta, lo que ves en la pantalla anterior es importante. Esa es la URL o que necesitarás para poder clonar tu proyecto desde tu hosting. ¡Así que guárdala bien!
Después de todo esto, si vas a tu cuenta de GitHub, ¡verás que se ha creado un nuevo repositorio! Tendrá el mismo nombre que la aplicación que diseñaste en Lovable. ¡Todo en orden!
Ahora ya desde el cPanel, es conectar ese repositorio de GitHub en tu hosting