← Índice ← Vibe coding Backend →

De Lovable a tu editor

Lovable GitHub Tu editor

¿Por qué sacar el código de Lovable?

  • Tienes una copia del código en tu propia cuenta.
  • Puedes seguir a mano o con otra IA (Cline, Cursor…): lo que editas en tu ordenador no pasa por Lovable ni gasta sus créditos.
  • Puedes trabajar con otras personas y publicar la app donde quieras.

Conecta el proyecto con GitHub

  1. Crea una cuenta en GitHub Es gratis, en github.com. Conectar es posible en todos los planes de Lovable.
  2. Abre los ajustes de Git del proyecto Más → Ajustes → Git → GitHub, y conecta tu cuenta.
  3. Autoriza la app de Lovable en GitHub En la ventana que se abre, elige tu cuenta, todos los repositorios o solo algunos, y pulsa Install & Authorize. Si no se abre, permite las ventanas emergentes.
  4. Lovable crea el repositorio Uno nuevo y privado, y a partir de ahí se sincronizan solos. Siempre crea uno nuevo: no se puede conectar a un repositorio que ya exista.

Cómo se sincronizan

En los dos sentidos

  • Cada cambio que hace Lovable se sube solo a GitHub.
  • Lo que subas tú (push) aparece en Lovable en unos segundos.
  • Solo se sincroniza una rama, normalmente main. Lo que hagas en otras ramas no llega hasta que lo unas a ella.

Cuidado con

  • Borrar el repositorio: se corta la sincronización. Y si desconectas y vuelves a conectar, se crea otro nuevo.
  • Force push, rebase o squash en main: para deshacer algo, mejor un revert.
  • Si Lovable y GitHub no coinciden, Lovable guarda su versión en la rama lovable-sync.

Trabaja en tu editor

VS Code

El editor gratuito de Microsoft. Con la extensión Cline (o GitHub Copilot) tienes también un asistente de IA.

Cursor

Un editor basado en VS Code con la IA integrada: le pides cambios en el chat, como en Lovable.

  1. Instala Node.js y Git Node.js (la versión LTS) y Git.
  2. Dile a Git quién eres Solo la primera vez, en la terminal del editor:
    git config --global user.name "Tu nombre"
    git config --global user.email "tu@email.com"
  3. Copia la dirección del repositorio En GitHub, botón Code → HTTPS. También está en los ajustes de Git del proyecto en Lovable.

Descárgalo y arráncalo

# 1. Descarga el repositorio (solo la primera vez)
git clone https://github.com/tu-usuario/tu-proyecto.git
cd tu-proyecto

# 2. Instala lo que necesita la app (la primera vez y cuando cambie)
npm install

# 3. Arráncala en tu ordenador
npm run dev
  • Abre en el navegador la dirección que aparezca (http://localhost:…). Para pararla, Ctrl C.
  • En el editor también puedes descargarlo con Clonar repositorio (Clone Git Repository) en vez de git clone.
  • Si el proyecto pide otros comandos, vienen en su README.

Sube tus cambios a GitHub

Lo básico

# antes de empezar: trae lo último de Lovable
git pull

# al terminar: guarda y sube tus cambios
git add .
git commit -m "Qué has cambiado"
git push

Lo que subas a main aparece en Lovable. La primera vez, el editor te pedirá iniciar sesión en GitHub.

Más seguro: en otra rama

# crea una rama para tu cambio
git switch -c mi-cambio

# guarda y súbela
git add .
git commit -m "Qué has cambiado"
git push -u origin mi-cambio

Después, en GitHub, abre un Pull request y únela (Merge) a main: entonces llega a Lovable. Es lo que recomienda Lovable.

Subir cambios no publica la app: cuando esté lista, vuelve a publicarla desde Lovable.

Antes de trabajar en local

  • Antes de descargar o subir nada, espera a que Lovable termine lo que esté haciendo.
  • Con Lovable Cloud, la app en local usa la misma base de datos que la publicada: lo que crees o borres son datos reales. Prueba con datos de prueba.
  • En los proyectos nuevos (desde mayo de 2026), la IA y los conectores de Lovable no funcionan en local: pruébalos en la vista previa o en la app publicada.
  • Para iniciar sesión en local, añade tu dirección local a las permitidas del sistema de inicio de sesión.
  • Las claves guardadas en Lovable (Secrets) no están en el repositorio.
  • Los cambios de base de datos y de funciones del servidor no se aplican solos al subirlos: pídeselos a Lovable en el chat.
  • Al volver a Lovable, cuéntale qué has cambiado para que lo tenga en cuenta.

Extra: Lovable dentro de tu editor

Con el servidor MCP de Lovable, la IA de Cursor o VS Code puede crear proyectos, hablar con Lovable, leer el código y publicar. Está en todos los planes; crear proyectos y enviar mensajes gasta créditos.

Cursor

Instala el plugin de Lovable o añade esto a .cursor/mcp.json:

{
  "mcpServers": {
    "lovable": {
      "type": "http",
      "url": "https://mcp.lovable.dev",
      "auth": {
        "CLIENT_ID": "6d465f583e1e4ce5801b1616f735670c"
      }
    }
  }
}

VS Code

Añádelo en su configuración de MCP:

{
  "servers": {
    "lovable": {
      "type": "http",
      "url": "https://mcp.lovable.dev"
    }
  }
}

La primera vez se abre el navegador para que inicies sesión en Lovable.

Para saber más

En la documentación de Lovable (en inglés).