Cómo desarrollar de forma segura después de que Lovable esté conectado a GitHub: ramas, conflictos de sincronización, reversiones y comprobaciones de implementación

Adorable práctica de integración de GitHub: controle el alcance de la autorización de la aplicación, planifique ramas y direcciones de sincronización, maneje conflictos y establezca versiones de reversión y verificaciones en línea.

“Encantadores ingresos por codificación de vibraciones” aparece como una consulta cada vez mayor en Google Trends en los Estados Unidos.

Lo que realmente determina si un proyecto puede mantenerse a largo plazo no es la velocidad a la que se genera la primera versión de la página, sino la forma en que GitHub colabora después de que se convierte en una fuente confiable de verdad.

Reducir el alcance del repositorio al instalar la aplicación GitHub

Se da preferencia a Only select repositories.

No autorice cuentas individuales ni todos los repositorios de toda la organización.

Cree un nuevo almacén para proyectos experimentales para evitar conectarse a almacenes de producción existentes.

Revise los permisos en la configuración de Aplicaciones de GitHub después de la instalación.

Anotar el instalador, organismo autorizado, almacén y fecha.

Guarde una línea base limpia antes de conectarse por primera vez

1
2
3
4
git clone https://github.com/example/lovable-demo.git
cd lovable-demo
git status --short
git log -1 --oneline

Las copias locales son evidencia independiente para solucionar problemas de sincronización.

Observe el compromiso inicial creado por Lovable inmediatamente después de conectarse.

Consulte los ejemplos de autor, recuento de archivos, archivo de bloqueo y variables de entorno.

True .env no debería ingresar la confirmación.

Primero determine quién puede cambiar la rama predeterminada

Habilite la protección para la rama predeterminada.

Requiere una solicitud de extracción, verificación de estado y al menos una revisión.

No permita que se presione con fuerza solo para facilitar el proceso de construcción.

Las modificaciones a Lovable se ingresan en la rama de funciones y luego se fusionan a través de PR.

Los desarrolladores locales siguen la misma regla.

La causa principal de los conflictos de sincronización suele ser la edición simultánea bidireccional

Cuando Lovable y el IDE local modifican el mismo componente al mismo tiempo, los conflictos son inevitables.

Antes de iniciar una sesión de Lovable, sincronice el último envío remoto.

El archivo asociado se considera ocupado durante la sesión.

Envíelo inmediatamente después de completarlo y notifique a otros desarrolladores.

No acumule docenas de compilaciones en una gran confirmación que no pueda revisarse.

El manejo de conflictos está sujeto a la semántica del código.

1
2
3
git fetch origin
git diff origin/main...HEAD
git diff --check

Si hay un conflicto con el archivo de bloqueo, no empalme manualmente el texto en ambos lados.

Vuelva a ejecutar la compilación del administrador de paquetes después de seleccionar la declaración de dependencia correcta.

Si el componente entra en conflicto, la página debe ejecutarse localmente y el agente no puede simplemente elegir “Mantener ambos lados”.

Las variables de entorno solo envían nombres y descripciones.

.env.example puede contener:

1
2
3
VITE_API_URL=https://api.example.test
SUPABASE_URL=https://project.supabase.co
SUPABASE_ANON_KEY=replace-me

No coloque clave de función de servicio, contraseña de base de datos ni clave de plataforma de pago.

Incluso si la variable del lado del navegador se llama secreta, aún se puede ingresar en el paquete de interfaz.

Busque productos de construcción antes de conectarse:

1
rg -n "service_role|sk_live_|BEGIN PRIVATE KEY" dist

Solo se revisan cuatro tipos de cambios de alto riesgo después de cada generación

Veamos primero la autenticación y los permisos.

Veamos nuevamente la migración de bases de datos.

Luego mire las API y los pagos externos.

Finalmente, observe las operaciones de eliminación y sobrescritura.

Los ajustes de estilo se pueden revisar rápidamente, pero los límites de seguridad no se pueden muestrear por recuento de archivos.

Establecer umbral mínimo de CI

1
2
3
4
5
npm ci
npm run lint
npm run typecheck
npm test
npm run build

El comando está sujeto al guión real del proyecto.

Cuando la herramienta de compilación elimina pruebas, CI debería mostrar el cambio en la cantidad de pruebas.

Una compilación exitosa no significa que los procesos de inicio de sesión y pago sean correctos.

Agregue al menos una prueba de humo de un extremo a otro.

Publicar usando la versión rastreable

Cada versión de producción corresponde a una confirmación de Git.

Registre el SHA de confirmación en la plataforma de implementación.

1
2
3
git rev-parse HEAD
git tag deploy-2026-07-27-01
git push origin deploy-2026-07-27-01

Las etiquetas son sólo puntos de anclaje y no reemplazan la protección de las ramas.

Revertir no es “dejar que la IA vuelva a cambiar”

Primero, vuelva a la compilación anterior exitosa en la plataforma de implementación.

Luego use Git revert para generar confirmaciones inversas claras.

1
git revert <bad-commit>

Es posible que la reversión del front-end no sea suficiente una vez que se ha migrado la base de datos.

La migración debe preparar de antemano rutas de corrección o compatibilidad.

No asuma que la migración destructiva puede revertirse automáticamente.

Finalización al desconectar la integración

Confirme que se hayan realizado todas las modificaciones de Lovable.

Exporte las descripciones necesarias del proyecto.

Revocar los permisos del almacén de la aplicación en GitHub.

Rote las claves de terceros una vez expuestas al proyecto.

Verifique que la CI y la implementación ya no dependan de las identidades temporales de Lovable.

Lista de verificación previa al lanzamiento

  • La aplicación GitHub solo accede al repositorio especificado.

  • La rama predeterminada prohíbe el envío directo.

  • Cada generación corresponde a un pequeño envío revisable.

  • .env y la clave de producción no están en Git.

  • CI incluye pelusa, tipos, pruebas y compilaciones.

  • Los permisos de autenticación, pago y datos se verifican manualmente.

  • Las implementaciones se pueden asignar para confirmar SHA.

  • Se han ensayado las reversiones del frontend y de la base de datos.

Cuando GitHub guarda el historial auditable, Lovable pasa de ser una herramienta de creación de prototipos única a un punto de entrada de desarrollo manejable.

Documentación de integración de GitHub

Vea lo que puede hacer la aplicación GitHub

Abra los detalles de instalación de Lovable en la página de aplicaciones de GitHub de la configuración de la organización y registre los permisos del repositorio y los permisos de la organización respectivamente. Centrarse en Contenidos, Solicitudes de extracción, Acciones, Secretos y Administración.

Si su flujo de trabajo actual solo requiere código de sincronización, no debe otorgar permisos de administración de la organización para evitar problemas. Las escaladas de privilegios deben tener una nueva justificación comercial y ser confirmadas por el administrador del almacén.

Los almacenes autorizados son inspeccionados trimestralmente. Los proyectos archivados, los almacenes de demostración temporales y los almacenes de clientes que se hayan entregado deben eliminarse de manera oportuna.

Utilice CODEOWNERS para proteger directorios confidenciales

Especifique el responsable de la revisión en .github/CODEOWNERS:

1
2
3
4
/supabase/migrations/  @example/database-team
/.github/workflows/    @example/platform-team
/src/auth/             @example/security-team
/src/payments/         @example/payments-team

Luego habilite la aprobación del propietario del código en las reglas de protección de sucursales. GitHub no forzará una espera para la aprobación de la persona responsable cuando solo existe el archivo y la regla no está habilitada.

La herramienta de generación aún puede fusionarse rápidamente al modificar páginas normales; cuando se trata de certificación, migración e implementación, automáticamente ingresará a una ruta de revisión más estricta.

Limitar una sesión de Lovable a un PR

Cree una rama con un número de tarea antes de que comience la sesión:

1
git switch -c lovable/issue-142-profile-form

Permitir solo esta ronda de compilaciones resuelve el problema 142. Cuando se encuentren otros problemas, escríbalos en problemas nuevos y corríjalos si no están en la misma rama.

Confirme información que describa los cambios visibles para el usuario y los comandos de validación. Se adjunta una captura de pantalla a la descripción del PR, pero la captura de pantalla debe ocultar el correo electrónico, el token de acceso y los datos del cliente.

Comparar lista de archivos antes y después de la sincronización

1
2
git diff --name-status origin/main...HEAD
git diff --numstat origin/main...HEAD

Si modifica un botón pero cambia el enrutamiento, la autenticación o docenas de dependencias, primero detenga la sincronización. Compruebe si se ha producido un nuevo scaffolding, una reescritura global del archivo de bloqueo o una selección de rama base incorrecta.

Los grandes cambios no son necesariamente maliciosos, pero no deben combinarse con un pequeño PR de UI.

Acciones de GitHub Usar privilegios mínimos

Declare permisos explícitamente al comienzo del flujo de trabajo:

1
2
permissions:
  contents: read

Aumente checks: write solo cuando sea necesario publicar los resultados de la inspección. Las compilaciones de PR no requieren contents: write, ni requieren acceso a todos los secretos del entorno.

Los PR de bifurcaciones no ejecutan flujos de trabajo con credenciales de producción. Las acciones de terceros se fijan en el SHA de confirmación y se actualizan mediante Dependabot o un proceso manual.

El entorno de vista previa está separado del entorno de producción.

Cada PR puede crear una URL de vista previa, pero solo puede conectarse a la base de datos de prueba y a la cuenta de pago de prueba. En la página se muestran marcas obvias de no producción para evitar que el personal comercial registre por error datos reales.

La vista previa se destruye automáticamente una vez que caduca. La acción de destrucción no elimina otros datos de sucursal en la base de datos de prueba compartida, pero limpia su propio inquilino o esquema por ID de sucursal.

Secuencia de fusión de migración de base de datos

Primero aplique la migración en la base de datos de Vista previa, ejecute pruebas de compatibilidad y luego combine el código de la aplicación. Las implementaciones de producción emplean cambios de dos fases compatibles con versiones futuras.

Por ejemplo, al agregar un nuevo campo, primero permita que el código anterior lo ignore; espere hasta que el nuevo código sea estable antes de agregar restricciones más estrictas. Para eliminar un campo, primero deje de leer y observe un ciclo de lanzamiento antes de migrar.

Utilice los registros de auditoría de GitHub para rastrear la sincronización anormal

Las cuentas de la organización pueden consultar las instalaciones de aplicaciones, los cambios de permisos y el acceso al almacén desde los registros de auditoría. Cuando se produce un envío desconocido o se autoriza una gran cantidad de almacenes, primero pausa la aplicación y luego guarda la evidencia del registro.

No elimine la rama anormal inmediatamente. Guarde la confirmación, el autor, el tiempo y el ID de entrega de GitHub para ayudar a diferenciar entre acciones del usuario, sincronizaciones automatizadas y abuso de credenciales.

Taladro de retroceso real

Elija una compilación de vista previa e implemente una confirmación que intencionalmente tenga errores visuales pero no destruya los datos. Registre el SHA actual y vuelva a la versión anterior.

Confirme que la caché CDN, los recursos de front-end y las versiones de API estén restaurados. Verifique nuevamente después de forzar la actualización del navegador para evitar confundir el caché local con una reversión exitosa.

Luego ejecute git revert para permitir que el historial de sucursales predeterminado también refleje esta reversión. La reversión de la plataforma de implementación y la reversión del código fuente son indispensables.

Lista de control al entregar un proyecto

Una vez que el proyecto se entrega a otros equipos, se transfiere la propiedad del administrador del almacén, la plataforma de implementación, el nombre de dominio, la Supabase y la cuenta de pago. Lovable App vuelve a autorizar el repositorio administrado por el destinatario.

Rote las claves de compilación e implementación, cierre las sesiones antiguas de los miembros del equipo. Finalmente, se completa una clonación, compilación e implementación desde una nueva cuenta, lo que demuestra que el proyecto no depende de la computadora del desarrollador original.