De Base44 a apps móviles nativas con Capacitor

Introducción

Base44 es un constructor de apps con IA que genera aplicaciones React completas a partir de prompts. Puedes lanzar un producto funcional en el navegador rápidamente, pero ¿qué pasa si lo quieres en iOS y Android? En este tutorial, te enseñamos cómo exportar tu proyecto de Base44 y convertirlo en apps móviles nativas con Capacitor, y luego publica binarios firmados para la tienda con Builder de Capgo — sin necesidad de Mac para iOS.

Versión corta: el Página de Base44 a iOS y Android resume todo el proceso en una sola pantalla: exportación, Capacitor, compilaciones en la nube sin Mac y actualizaciones en vivo.

Al finalizar esta guía, tu app de Base44 se ejecutará de forma nativa en iOS y Android, con acceso a funciones del dispositivo como cámara, almacenamiento y notificaciones push.

Requisitos y tiempo estimado

Tiempo requerido: 2-4 horas para la configuración inicial

Requisitos del sistema:

Para builds en la nube de iOS: Cualquier OS (Windows, Mac o Linux) con Capgo Builder
Para builds en la nube de Android: Cualquier OS
Almacenamiento: 10 GB de espacio libre para dependencias y artefactos de build
RAM: 8 GB mínimo

Costes:

Exportación de Base44: Plan Builder o superior (para exportación GitHub y descarga ZIP)
App Store de iOS: $99/año (Apple Developer Account)
Google Play Store: $25 pago único (Google Play Developer)
Cursor Pro: $20/mes (opcional pero recomendado)

Software requerido:

Node.js 18+
Un editor code como Cursor

¿Por qué convertir tu app Base44 a móvil?

Mayor alcance: Llega a los usuarios donde esperan un icono de app nativa, no una pestaña del navegador
Funciones nativas: Cámara, GPS, biometría y almacenamiento sin conexión mediante plugins de Capacitor
Distribución en App Store: Publica en Google Play y la App Store de Apple
Iteración más rápida: Combina Capgo Live Updates con Capgo Builder para corregir la capa web sin recompilar binarios nativos cada vez

Paso 1: Exporta tu proyecto de Base44

Base44 te permite exportar code una vez que estés en el plan Builder o superior. Tienes dos opciones principales.

Opción A: Exportar a GitHub (Recomendado)

Abre tu app en el editor de Base44
Haz clic en GitHub icono en la barra superior
Autorizar Base44 Builder y crea o conecta un repositorio
Base44 sincroniza tu app code con GitHub automáticamente (sincronización bidireccional en planes compatibles)

Ver Documentación de integración de Base44 GitHub para más detalles.

Opción B: Descargar como ZIP

Haz clic Code en la barra superior para abrir el explorador de archivos
Haz clic Exportar proyecto como ZIP en la parte superior derecha de la vista code
Extrae el archivo en tu ordenador

Abrir el proyecto en Cursor

Visita cursor.sh e instala Cursor
Clona tu repo de GitHub (Git: Clone desde la paleta de comandos) o abre la carpeta ZIP extraída con Archivo > Abrir carpeta

Iniciar Cursor

Para el mejor flujo de trabajo con IA, activa tu modelo preferido y permite la ejecución de comandos en los ajustes de Cursor, tal como se describe en nuestro guía de Lovable a móvil.

Paso 2: Configura tu entorno de desarrollo

Base44 exporta un proyecto React estándar. Instala las dependencias y confirma que el servidor de desarrollo funciona.

Usar Cursor AI (recomendado)

Presiona Command+K (Mac) o Ctrl+K (Windows) y pregunta:

Install Node.js if needed, install project dependencies, and start the dev server

Configuración manual

cd your-base44-project
npm install
npm run dev

App de Base44 ejecutándose localmente

Tu app de Base44 debería cargarse en http://localhost:5173 (Vite) o el puerto mostrado en la terminal.

Paso 3: Preparar el build de producción

Capacitor necesita recursos web estáticos. Las apps React de Base44 suelen usar Vite y generan la salida en dist/.

Configurar Vite para móvil

Pídele a Cursor:

Configure vite.config for Capacitor mobile deployment with base './' and production build to dist

O actualizar vite.config.ts manualmente:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  base: './',
  build: {
    outDir: 'dist',
  },
})

Probar la build de producción

npm run build

Verificar un dist/ la carpeta existe con index.html y los assets empaquetados.

Salida de build de Base44

Paso 4: Agregar Capacitor a tu proyecto Base44

Usar Cursor AI (recomendado)

Install Capacitor CLI, initialize it for my Base44 app with webDir dist, and add iOS and Android platforms

Instalación manual

npm install -D @capacitor/cli
npm install @capacitor/core @capacitor/ios @capacitor/android

npx cap init "Your Base44 App" com.yourcompany.yourapp --web-dir dist
npx cap add ios
npx cap add android

Inicialización de Capacitor para una app Base44

Haz commit de las ios/ y android/ carpetas a git. Capgo Builder compila lo que hay en esos directorios.

Paso 5: Configurar Capacitor

Actualizar capacitor.config.ts:

import type { CapacitorConfig } from '@capacitor/cli'

const config: CapacitorConfig = {
  appId: 'com.yourcompany.yourapp',
  appName: 'Your Base44 App',
  webDir: 'dist',
  server: {
    androidScheme: 'https',
  },
}

export default config

Considera añadir @capgo/capacitor-updater temprano para poder enviar actualizaciones OTA tras el lanzamiento. Ver Docs de Capgo Live Updates.

Paso 6: Compilar y sincronizar

Cada vez que cambies la app web:

npm run build
npx cap sync

Capacitor sincronización completada para una app de Base44

Paso 7: Compilar binarios listos para la tienda con Capgo Builder (Recomendado)

La prueba en el simulador es opcional. Para TestFlight, pruebas internas y envío a la tienda, usa Builder de Capgo para compilar y firmar binarios nativos en la nube.

¿Por qué Capgo Builder para apps de Base44?

No necesitas Mac para iOS — build desde Windows o Linux
El mismo CLI que tu agente de IA puede ejecutar — encaja con los flujos de vibe-coding de Base44 → GitHub → Cursor
Compatible con Live Updates — corrige la UI y el copy por OTA; recompila lo nativo solo si cambian plugins o permisos

Configura Capgo Builder

npx @capgo/cli@latest login
npx @capgo/cli@latest init
npx @capgo/cli@latest build init --platform ios
npx @capgo/cli@latest build init --platform android

Guarda las credenciales de firma una vez. Ver Gestión de credenciales y Build de iOS desde Windows.

Solicitar un build en la nube

npm run build
npx cap sync
npx @capgo/cli@latest build com.yourcompany.yourapp --platform ios --build-mode release
npx @capgo/cli@latest build com.yourcompany.yourapp --platform android --build-mode release

Los logs de build se muestran en tu terminal. Con App Store Connect configurado, los builds de iOS pueden subirse a TestFlight automáticamente.

Sube tu web bundle para las actualizaciones OTA:

npx @capgo/cli@latest bundle upload --channel production

Paso 8: Opcional — Probar en local en Xcode o Android Studio

Si tienes un Mac o quieres probar con emuladores antes de los cloud builds:

npx cap open ios      # Xcode + iOS Simulator
npx cap open android  # Android Studio + emulator

Xcode abriendo un proyecto Capacitor de Base44

Usa IDEs locales para el debugging diario. Usa Builder de Capgo cuando necesites binarios de release firmados.

Paso 9: Añadir funciones nativas

Mejora tu app de Base44 con capacidades del dispositivo:

npm install @capacitor/share @capacitor/camera @capacitor/push-notifications
npx cap sync

Pide a Cursor que integre Share, Camera o Push en tus componentes de React. Tras añadir los plugins, ejecuta un nuevo Builder de Capgo build antes de enviar a la tienda.

Funciones nativas añadidas a una app Capacitor de Base44

Paso 10: Optimizar para producción

Iconos de la app y splash screens

npm install -D @capacitor/assets
# Add assets/icon.png (1024x1024) and assets/splash.png (2732x2732)
npx capacitor-assets generate
npx cap sync

Consideraciones del backend de Base44

Las apps de Base44 exportadas pueden llamar al backend alojado de Base44 y a SDK. Normalmente funciona en Capacitor siempre que:

Las llamadas a API usen HTTPS
Auth redirects work inside the WebView (test login on a real device)
Los deep links estén configurados si usas flujos de magic-link o OAuth

Si más adelante migras fuera del backend de Base44, planifica reemplazar base44.entities.* y las llamadas relacionadas de SDK con tus propias API — la capa de interfaz de React suele mantenerse.

Solución de problemas comunes

Pantalla blanca al iniciar

Confirmar base: './' se configura en la configuración de Vite
Ejecuta npm run build y comprueba que dist/index.html carga los recursos con rutas relativas
Ejecuta npx cap sync después de cada build web

Errores de build en Capgo Builder

Haz commit de ios/ y android/ a git antes de solicitar una compilación en la nube
Ejecuta npx cap sync localmente para que los recursos web se copien en los proyectos nativos
Los nuevos plugins de Capacitor requieren una compilación nativa nueva

Exportación no disponible en Base44

La exportación y la descarga ZIP de GitHub requieren el plan Builder o superior. Actualiza en Base44 o copia los archivos manualmente desde la vista de Code en planes inferiores.

Conclusión

Exportaste una app React generada por IA de Base44, la envolviste con Capacitor y tienes un camino claro hacia binarios firmados de iOS y Android a través de Builder de Capgo — sin mantener una granja local de Xcode.

Próximos pasos

Live Updates de Capgo: Publica correcciones de UI y textos sin esperar la revisión de la tienda
Builder de Capgo: Automatiza los builds de release en CI
Notificaciones push: Añade @capacitor/push-notifications y reconstruye con Capgo Builder
Guías relacionadas: Lovable a móvil · Bolt.new a móvil

Regístrate para una cuenta gratuita de Capgo para habilitar Live Updates y compilaciones nativas en la nube.

Recursos

Sigue avanzando de Base44 a apps móviles nativas con Capacitor

Si estás usando De Base44 a apps móviles nativas con Capacitor para planificar el trabajo con plugins nativos, conéctalo con Directorio de plugins de Capgo para el flujo de trabajo del producto en Capgo Plugin Directory, Plugins de Capacitor por Capgo para el detalle de implementación en los Plugins de Capacitor por Capgo, Native Builds de Capgo para el flujo de trabajo del producto en Capgo Native Builds, y Build de iOS desde Windows para builds de iOS en la nube sin un Mac.