Saltar al contenido

De Lovable a una app iOS: SwiftUI nativo, no una envoltura

Publish te da una app web en una dirección de lovable.app. La App Store exige más. Qué crea Lovable, las tres rutas para llegar a una app para iPhone y cómo llevar la tuya a AirBuild.

AirBuild6 min de lectura

Describiste una app, Lovable la creó y funciona en el navegador. Entonces alguien pregunta si está en la App Store.

Lovable publica una app web

La propia documentación de Lovable lo dice: crea apps web y al publicar, siempre las despliega en una URL web. Lo que obtienes con Publish es una app web alojada en your-app.lovable.app o en un dominio personalizado, con HTTPS incluido. No hay un build de iOS, un registro de App Store Connect ni un envío a revisión.

La documentación ofrece dos formas de acercarla a un teléfono: una app web progresiva que las personas añaden a la pantalla de inicio, o una envoltura nativa alrededor de la URL publicada para enviarla a una tienda de apps. La primera nunca aparece en la App Store. La segunda se enfrenta a la regla de revisión que verás más adelante.

Qué es un proyecto de Lovable

Debajo del editor, un proyecto de Lovable es una base de código React; Lovable no genera React Native. Los proyectos nuevos incluyen Lovable Cloud, un backend integrado basado en la tecnología de código abierto de Supabase, para la base de datos, el inicio de sesión y el almacenamiento; algunos conectan en su lugar su propio proyecto de Supabase. Con un repositorio conectado, el código se sincroniza en ambas direcciones con GitHub, GitLab o Bitbucket. También puedes descargarlo con un plan de pago.

Esto determina el siguiente paso. Las pantallas de una app web React son HTML dibujado por un motor de navegador, incluso dentro de una envoltura. Una app iOS real tiene que volver a crearse con componentes nativos. La pregunta es quién la crea y con qué.

Tres rutas para llegar a una app para iPhone

  1. EnvolverlaCapacitor o un servicio de WebView

    Una envoltura nativaque carga your-app.lovable.app
    Sigue siendo tu sitio webDirectriz 4.2: un sitio web reempaquetado
  2. Reescribirla en React Nativeun servicio de conversión

    Componentes de React Nativereescritos a partir de tu código React
    Una app real y multiplataformasu propio entorno de ejecución y su propia apariencia
  3. Llevarla a AirBuildun equipo de IA

    Lee lo que hacepantallas, flujos y servicios con los que se comunica
    Una app SwiftUI nativacon App Review incluido
Las tres parten de la misma app de Lovable. Solo la primera termina siendo un sitio web.

“Tu app debe incluir funciones, contenido e interfaz que la eleven por encima de un sitio web reempaquetado. Si tu app no es especialmente útil, única o propia de una app, no tiene cabida en la App Store”.

Apple, Directrices de revisión de la App Store 4.2, Funcionalidad mínima

Por eso la ruta de la envoltura es una apuesta: una envoltura alrededor de your-app.lovable.app es, por definición, un sitio web reempaquetado, y cada rechazo cuesta un ciclo de revisión. Una app SwiftUI nativa no parte de ese problema porque no es un sitio web. Cada pantalla se crea con los frameworks de Apple, por eso se desplaza, se anima y responde como las demás apps del teléfono.

Cómo funciona el proceso

  1. Deja el enlace

    Apúntate a la lista de espera con la dirección publicada de tu app de Lovable o el repositorio de GitHub con el que se sincroniza, y añade una frase sobre lo que debe hacer la app iOS y para quién es.

  2. Tu equipo de IA vuelve a crearla en SwiftUI

    Los agentes de producto, diseño y desarrollo de AirBuild leen lo que hace tu app, sus pantallas y sus flujos, y crean a partir de ellos una app iOS nativa. Tu app web permanece intacta; puedes seguir editándola en Lovable.

  3. Pruébala en tu iPhone y luego pasa a App Review

    La app llega a tu teléfono mediante TestFlight para que puedas probarla y pedir cambios con palabras sencillas. Cuando está lista, AirBuild prepara la ficha de la App Store, la envía, sigue la revisión, responde a los revisores, corrige lo que señalen y vuelve a enviarla.

Qué se conserva

Cada pantalla conserva su función; cambia la forma de llegar a ella. Las rutas del navegador se convierten en una barra de pestañas, una pila de navegación y hojas modales.

Tu app de Lovable, en el navegador

/Panel con las carreras de esta semana
/runsTodas las carreras, primero las más recientes
/runs/:idUna carrera: ruta, ritmo y notas
Añadir una carreraUn diálogo sobre la lista

La misma app, en SwiftUI

Barra de pestañasCarreras, Esta semana, Configuración
Lista de carrerasUna List con gesto de actualización
Detalle de la carreraSe añade a la pila; se vuelve atrás deslizando
Añadir una carreraUna hoja que se cierra al deslizar hacia abajo
Un ejemplo: un registro de hábitos para corredores.
Parte de tu appQué ocurre con ella
Textos, colores y marcaSe conservan. La app debe sentirse tuya, no como una plantilla.
Datos y backendSe quedan donde están. Dinos con qué se comunica tu app, Lovable Cloud, tu propio proyecto de Supabase o una API, y planificamos la app iOS a su alrededor.
Inicio de sesiónDinos cómo funciona hoy. Igual que tus datos, se queda donde está.
Tu app webNo cambia y puedes seguir editándola en Lovable.
Ficha de la App StoreEs nueva. Preparamos por ti el nombre, la descripción, las capturas de pantalla, las respuestas sobre privacidad y las notas de revisión.

Qué debes tener preparado

  • El enlace publicado de tu app de Lovable, o su repositorio de GitHub si tiene páginas protegidas por inicio de sesión.
  • Una membresía del Apple Developer Program, o un plan para inscribirte antes de enviar la app.
  • Un párrafo sobre lo primero que debe hacer la app iOS. No tiene que incluir todo lo que hace la app web.
  • La URL de una política de privacidad. Apple exige una y App Store Connect no acepta un envío sin ella.

Preguntas

¿Lovable puede crear una app iOS?

No. Lovable crea apps web y, al publicar, siempre las despliega en una URL web. Su documentación propone una app web progresiva o una envoltura nativa para la URL publicada; ninguna de las dos es una app iOS nativa.

¿Se permite una app de Lovable envuelta en la App Store?

A menudo, no. La directriz 4.2 indica que una app debe incluir funciones, contenido e interfaz que la eleven por encima de un sitio web reempaquetado. Un WebView alrededor de tu URL publicada es el ejemplo clásico de un sitio web reempaquetado.

¿Esto reemplaza mi app web?

No. Tu app web sigue funcionando en su dirección de lovable.app o en tu dominio, y puedes seguir editándola en Lovable. AirBuild crea la app iOS en paralelo.

¿Qué pasa con mi backend?

Se queda donde está. Cuando te apuntes a la lista de espera, dinos con qué se comunica tu app, Lovable Cloud, tu propio proyecto de Supabase o una API. Así planificamos la app iOS a su alrededor sin trasladar tus datos.

¿Necesito un Mac o Xcode?

Ninguno de los dos. AirBuild ejecuta tu equipo de IA en un Mac o en la nube, y la app llega a tu iPhone mediante TestFlight. Para publicarla, sí necesitas una membresía del Apple Developer Program.

¿A quién pertenece el código de la app iOS?

A ti. El código de Lovable sigue siendo tuyo, igual que el proyecto de SwiftUI que AirBuild crea a partir de él.