Cómo volver a desplegar un proyecto de Lovable en Zeabur usando una plantilla de Insforge

Para muchos programadores o desarrolladores sin experiencia relevante, Lovable es sin duda una excelente opción para generar páginas web rápidamente utilizando IA. Sin embargo, cuando necesitas funcionalidades de personalización más avanzadas, opciones de despliegue más flexibles o deseas mover tu proyecto a otra plataforma, es posible que comiences a buscar alternativas. Este artículo te servirá como guía técnica, detallando cómo migrar e implementar con éxito tu proyecto creado en Lovable en dos potentes plataformas de despliegue en la nube: Zeabur e Insforge.

---

¿Por qué migrar desde Lovable?

Lovable reduce significativamente la barrera del desarrollo web con sus capacidades de generación de páginas web impulsadas por IA. Sin embargo, a medida que tu proyecto crece, es posible que te encuentres con las siguientes situaciones y consideres migrar a otras plataformas:

• Mayor libertad de personalización: Cuando necesitas personalizar en profundidad la lógica del backend de tu sitio web, las conexiones a la base de datos o funcionalidades específicas, el entorno cerrado de Lovable puede resultar limitante.
• Consideraciones de costes: A medida que el tráfico o el número de proyectos aumenta, a menudo después de recibir una factura o alcanzar los límites de uso, es posible que busques soluciones de alojamiento más rentables.
• Elección del stack tecnológico: Es posible que desees integrar tu proyecto en un ecosistema tecnológico más amplio, como el uso de un framework de backend o una base de datos específica. Zeabur e Insforge ofrecen soluciones de despliegue más flexibles y potentes, brindando a los desarrolladores un control total sobre sus aplicaciones.

¿Por qué elegir Insforge?

Insforge es una plataforma que se centra en el uso de Agentes de IA para ayudar a los usuarios a reducir la complejidad del backend. Reconocen que el desarrollo del backend ha sido durante mucho tiempo un problema a medio resolver. La IA puede generar código de frontend sin esfuerzo, pero tiene dificultades con las complejidades del backend: la configuración de la base de datos, los flujos de autenticación y el diseño de la API requieren una profunda experiencia. Insforge no solo integra muchas funcionalidades, sino que también incorpora MCP. Una vez que los usuarios completan la configuración inicial, pueden comunicarse con la IA utilizando lenguaje natural, lo que reduce la necesidad de que los desarrolladores unan múltiples servicios mientras disfrutan de los beneficios de DevOps. Es por eso que se creó Insforge.

Migrando a Zeabur: una experiencia de despliegue fluida con un solo clic

Zeabur es una plataforma que ayuda a los usuarios a desplegar con un solo clic, lo que la hace muy amigable para los usuarios que migran desde Lovable. A continuación, se detallan los pasos para desplegar tu proyecto de Lovable en Zeabur:

Paso 1: Exporta tu proyecto desde Lovable

Aquí tienes dos opciones:

Opción 1: Si aún no estás familiarizado con GitHub, puedes usar el siguiente método:

Exporta tu proyecto de sitio web desde el panel de administración de proyectos de Lovable. Generalmente, Lovable ofrecerá la opción de descargar el proyecto como un archivo zip que contiene los archivos HTML, CSS y JavaScript.

Opción 2: Si estás familiarizado con el manejo de GitHub, puedes usar el siguiente método:

Los proyectos de Lovable pueden integrarse directamente con GitHub. En Lovable, puedes vincular tu cuenta de GitHub y luego exportar directamente el proyecto para crear un nuevo repositorio de GitHub.

Paso 3: Crea un proyecto en Insforge y vincula con MCP

1. Regístrate e inicia sesión en tu cuenta de Insforge: Ve al sitio web oficial de Insforge y crea tu cuenta.
2. Crea un nuevo proyecto: Después de iniciar sesión en Insforge, haz clic en "Crear nuevo proyecto".
3. Abre tu Cursor u otro IDE (Entorno de Desarrollo Integrado):

   1. (Opción 1) Pasos para descomprimir e importar en el editor de código:

      1. Descomprime el archivo descargado: Encuentra el archivo .zip descargado de Lovable, haz clic derecho sobre él en tu ordenador y selecciona "Descomprimir" o "Extraer". Después de descomprimir, obtendrás una carpeta con todos los archivos de tu proyecto.
      2. Instala un editor de código (si aún no lo has hecho): Se recomienda utilizar un editor de código moderno como Cursor o Visual Studio Code. Puedes descargarlo e instalarlo desde el sitio web oficial.
      3. Abre el proyecto en el editor: Abre tu editor de código, selecciona "Abrir carpeta" o "Archivo" → "Abrir", y luego elige la carpeta del proyecto que acabas de descomprimir.
      4. Verifica la estructura del proyecto: En la barra lateral del editor, deberías poder ver la estructura de archivos de tu proyecto, incluyendo los archivos HTML, CSS, JavaScript y otros recursos relacionados.
      5. Inicializa el control de versiones de Git (recomendado): Ejecuta git init en la terminal del editor para inicializar un repositorio de Git. Esto facilitará la gestión de versiones y el despliegue posterior.

      Después de completar estos pasos, puedes comenzar a usar herramientas asistidas por IA (como las funciones de IA de Cursor) para modificar y optimizar el código de tu proyecto.

   2. (Opción 2) Haz git clone de tu proyecto de Lovable guardado en tu GitHub.

   3. Entra en un editor que admita el flujo de desarrollo de MCP e introduce tu clave de API de Insforge.

4. Una vez completada la configuración, comienza la magia de Insforge y Zeabur:
   1. Entra en el editor de IA compatible con Insforge MCP y volvamos a confirmar si Cursor puede leer y usar el Insforge MCP.

      Prompts de ejemplo: can you see the insforge mcp?

   2. Comprueba si el proyecto de Lovable tiene tablas SQL de migración de Supabase. Para los proyectos exportados desde Lovable, la parte de autenticación de usuarios debe reconfigurarse. También puedes pedirle a Insforge MCP que se encargue de esto.

      Prompts de ejemplo: i have those @migrations from supabase, can you help me create the thing in insforge as well?

   3. El Agente de Cursor, en coordinación con Insforge MCP, configura todas las bases de datos necesarias para Insforge (PostgreSQL, Storage Bucket y RLS). (Opcional)

      Prompts de ejemplo: can you help me set up the PostgreSQL database, storage buckets, and RLS policies in InsForge based on my Supabase schema?

   4. Pídele a Insforge MCP que actualice el código para usar el SDK de Insforge. Revisa la configuración y el uso existentes de Supabase.

      Prompts de ejemplo: can you replace all Supabase client usage with InsForge SDK? please check my current supabase configuration first.

   5. Pídele a Insforge MCP que verifique la configuración de autenticación actual para asegurar que la función de autenticación de Insforge esté configurada correctamente.

      Prompts de ejemplo: can you verify that the authentication is properly configured with InsForge? please check my current auth setup.

   6. Optimiza las consultas para usar relaciones de base de datos y verifica la conexión de la base de datos. Basado en el esquema de la base de datos, las relaciones se configuran correctamente. (Opcional)

      Prompts de ejemplo: can you optimize my database queries to use proper relations and verify the database connection is working correctly?

Paso 4: Ve a tu cuenta de Zeabur

1. Ve a tu cuenta de Zeabur, haz clic en Crear proyecto y selecciona un clúster de región.
2. Entra en el proyecto, haz clic en Desplegar desde GitHub y selecciona el proyecto de Lovable.
3. Haz clic en Configuración, luego en Editar variables de entorno sin formato, y pega VITE_INSFORGE_BASE_URL=La URL base de Insforge de tu proyecto.
4. Haz clic en Siguiente.
5. Espera a que se complete el despliegue del proyecto.

---

Felicidades por migrar de Lovable a Zeabur o Insforge, lo que aportará mayor flexibilidad y escalabilidad a tu proyecto. Zeabur, con su proceso de despliegue extremadamente simplificado, se convierte en la opción principal para una migración cómoda y sin complicaciones. Mientras tanto, Insforge, con su sólido soporte para IA, MCP y servicios de backend, ofrece posibilidades más amplias para el desarrollo futuro de tu proyecto.