Guias

    O Lovable faz aplicativo mobile? A resposta da documentação — e os quatro caminhos reais

    Você construiu (ou está construindo) um produto no Lovable, e em algum momento alguém perguntou: "e o app?". Esta página responde com a documentação do próprio Lovable, explica o que "migrar para mobile" significa de verdade — você mantém o backend e reconstrói a frente — e compara os quatro caminhos reais, inclusive o de não migrar.

    Verified

    A declaração de sempre: a Modaal — a empresa por trás deste artigo — constrói apps nativos com IA e é um dos quatro caminhos abaixo. Somos parte interessada. Por isso cada afirmação sobre o Lovable aqui é uma frase da documentação deles, citada no original em inglês para que você possa conferir, e por isso esta página inclui a seção que uma concorrente costuma pular: quando o caminho do Lovable é suficiente.

    Primeiro, a resposta curta, nas palavras deles (docs.lovable.dev, FAQ; verificação em 29 de agosto de 2026):

    "Lovable builds web applications, and you can design them to be fully mobile friendly. Lovable does not generate React Native projects. If you want an installable app on phones, there are two common paths: make your published app a Progressive Web App (PWA) that users add to their home screen, or wrap your published app with a tool like Capacitor to submit it to the App Store or Play Store."

    Em português: o Lovable cria aplicativos web, que podem ser feitos para funcionar bem no celular; não gera projetos React Native; e, para algo instalável, sugere PWA ou uma casca em volta do app publicado. Para Android, o guia deles acrescenta a TWA (Trusted Web Activity) como forma de chegar à Play Store "without rebuilding natively". Uma confusão a evitar: o Lovable tem, sim, um aplicativo nativo para iPhone e Android — mas é o editor deles, para você continuar construindo longe do computador. Não é o seu app.

    App web, web no celular e app de celular são três coisas

    Boa parte da frustração nessa busca vem de três coisas diferentes atendendo pelo mesmo nome.

    App web: roda no navegador. É o que o Lovable produz, e é excelente para isso.

    Web no celular: o mesmo app web, com layout que funciona bem numa tela pequena. O Lovable faz isso bem — e para muitos produtos é a resposta inteira.

    App de celular: um programa instalado, distribuído pelas lojas, que fala direto com o aparelho — notificações push, uso offline, câmera e sensores, widgets, relógio, pagamentos das lojas. É o que as pessoas querem dizer quando perguntam "e o app?", e é o que um app web não vira só por ganhar um ícone.

    O teste de dez segundos: os seus usuários chegam clicando num link ou abrindo um ícone? Se é o link, você provavelmente não precisa migrar nada.

    A pergunta por trás da pergunta: qual é o objetivo?

    "Quero que funcione bem no celular." Fique no Lovable. Ajuste o layout. Pronto.

    "Quero um ícone na tela inicial." PWA — a documentação do Lovable descreve o caminho. Sem loja, sem revisão da Apple, sem código novo.

    "Quero estar nas lojas." Aqui começa a decisão de verdade, porque estar na loja exige um pacote instalável — e há um jeito barato e arriscado, e jeitos que reconstroem a frente.

    "Quero notificações, offline, câmera, a sensação de app de verdade." Isso só um app nativo (ou multiplataforma real) entrega. Um site embrulhado não.

    "Investidores ou clientes esperam um app de verdade." Legítimo — presença na loja é sinal de credibilidade em muitos mercados. Mas pese o custo contínuo: um app é uma segunda superfície de produto para manter, não uma caixa a marcar. Se você ainda está validando a ideia, o protótipo web no Lovable costuma ser a ferramenta certa, e o app é o que vem depois.

    O que "migrar" significa de verdade: você mantém o backend e reconstrói a frente

    Este é o modelo mental que faz todos os caminhos fazerem sentido. Um app do Lovable tem duas metades:

    O backend — você mantém. Apps do Lovable costumam usar o Supabase (a documentação deles lista o Supabase como backend): o seu banco de dados, os seus usuários e o login deles, os arquivos, a lógica da API. Nada disso é específico da web. O Supabase publica bibliotecas oficiais para Swift e Kotlin além de JavaScript — o que significa que um app de celular, de qualquer ferramenta, pode falar com o mesmo backend que o seu app web usa hoje. Os seus dados não migram para lugar nenhum; eles ficam onde estão e ganham um segundo cliente.

    A frente — você reconstrói. A interface que o Lovable gerou é escrita em tecnologia web, e os celulares não rodam isso nativamente. É a parte que cada caminho abaixo trata de um jeito: embrulhar, re-renderizar ou reconstruir nativo.

    É também por isso que exportar o código do Lovable (a documentação descreve a sincronização com o GitHub, disponível em todos os planos) não resolve o problema sozinho: o que sai é o projeto web. Útil — muito — como a especificação do que reconstruir: as suas telas, os fluxos, a lógica, prontos para entregar a um agente. Mas não é algo que um celular executa.

    Um aviso antes dos caminhos: a opção "em cinco minutos" que você vai ver anunciada — embrulhar o site numa casca de WebView — esbarra nas diretrizes de revisão da Apple, que estabelecem um mínimo de funcionalidade abaixo do qual sites reembalados são uma categoria conhecida de rejeição. Barato tem motivo.

    Os quatro caminhos reais, comparados

    Caminho 1 — continuar web, virar PWA. Nenhum código novo. Ícone na tela inicial, sem presença nas lojas, recursos limitados ao navegador. Certo quando o objetivo era "ícone", não "app". Custo: o seu tempo no Lovable.

    Caminho 2 — casca (WebView). O seu app web dentro de uma casca nativa fina, enviada às lojas — Capacitor, ou TWA no Android, como a documentação do Lovable sugere. Rápido e barato — e frágil: herda todas as limitações do navegador, parece um site numa moldura porque é um, e cascas finas são uma categoria conhecida de rejeição na revisão da Apple. Defensável quando a presença na loja é exigência formal e o produto é feito de conteúdo.

    Caminho 3 — reconstruir multiplataforma (React Native). Um app de verdade em JavaScript, um código para as duas lojas, falando com o seu Supabase atual. A sua frente do Lovable vira a especificação; várias ferramentas com IA — Rork, Vibecode, RapidNative — geram esse tipo de projeto, em geral cobradas em créditos. Certo quando uma equipe de JavaScript vai ser dona do código.

    Caminho 4 — reconstruir nativo (SwiftUI + Kotlin/Compose). A versão de convicção total: interface nativa em cada plataforma, os recursos do aparelho desde o primeiro dia, a sensação pela qual apps instalados são julgados. Historicamente o caminho caro — a coisa que os agentes de IA mudaram. A Modaal (nossa) constrói SwiftUI nativo para iPhone e Kotlin com Compose nativo para Android a partir de um projeto: o seu agente lê o projeto exportado do Lovable e o esquema do seu Supabase como especificação e reconstrói a frente contra o backend que você já roda — com um plano que você aprova antes de cada funcionalidade. Sem créditos: ele usa a assinatura de IA que você já paga, com prompts ilimitados. O plano gratuito inclui um projeto ativo e uma plataforma à sua escolha; o Pro custa 9 € por mês na cobrança anual (15 € mensal) e liga as duas plataformas e a distribuição nas lojas — detalhes em /pricing. É preciso um Mac. Como um agente constrói na prática e o que é vibe coding estão nos artigos ao lado.

    A versão curta

    CaminhoO que saiNas lojasMantém o backendCuidado com
    Ajuste de layoutO mesmo app web, melhor no celularNãoSim — nada mudaResolve "funciona no celular", só isso
    PWAApp web na tela inicialNãoSimSem descoberta na loja; recursos do navegador
    Casca (WebView / TWA)App web numa casca nativaArriscadoSimRejeição por funcionalidade mínima na Apple; sensação de site na moldura
    Reconstruir em React NativeApp multiplataforma de verdadeSimSim — mesmo SupabaseCamada JavaScript entre você e a plataforma; créditos em várias ferramentas
    Reconstruir nativo (Modaal)SwiftUI + Kotlin/ComposeSimSim — mesmo SupabaseA frente é reconstruída, não convertida — planeje

    Taxas das lojas valem para todo caminho que chega às lojas: Apple 99 US$ por ano, Google Play 25 US$ uma vez. Documentação do Lovable lida em 29 de agosto e 6 de setembro de 2026.

    Um plano de migração que funciona, em cinco passos

    1. Dê nome ao objetivo usando a seção acima. Se era "funcionar no celular" ou "ícone na tela inicial", pare aqui — você terminou sem migrar nada.

    2. Faça o inventário do que fica. Liste as tabelas do Supabase, a configuração de login, os arquivos, as funções. Esse inventário é a fundação da migração — e a prova de que a maior parte do seu produto sobrevive intacta.

    3. Exporte a especificação. Sincronize o projeto do Lovable com o GitHub. O código web não é o seu app de celular, mas é a descrição completa e precisa do que o app faz — telas, fluxos, estados —, que é exatamente o que um agente de IA constrói bem.

    4. Escolha o stack — multiplataforma ou nativo. Essa única escolha define a ferramenta. Quanto custa e o caminho Android do zero à Play Store ajudam a decidir.

    5. Reconstrua a frente contra o backend ao vivo. Aponte o app novo para o mesmo projeto do Supabase que o app web usa. Publique no TestFlight, depois nas lojas. O seu app web continua rodando o tempo todo — esta migração não tem parada, porque nada sai do lugar.

    Perguntas frequentes

    O Lovable cria aplicativos web — a documentação deles diz que "Lovable builds web applications" e que não gera projetos React Native. Para algo instalável, a própria documentação sugere PWA ou embrulhar o app publicado numa casca (Capacitor; TWA no Android). Não é um app nativo, mas é um caminho real para alguns produtos.

    Não — não existe botão de converter no Lovable nem em nenhuma outra ferramenta. Migrar significa manter o backend (em geral Supabase) e obter uma frente mobile de um de quatro jeitos: PWA, casca WebView, reconstrução em React Native ou reconstrução nativa. Cada um está neste guia.

    A documentação do Lovable descreve a sincronização do projeto com o GitHub, disponível em todos os planos. O que sai é o projeto web — código que navegadores rodam, não celulares. Numa migração ele é muito útil como a especificação precisa das suas telas e da sua lógica para o que for reconstruir a frente.

    Não — e este é o fato mais importante do assunto. Dados e usuários vivem no backend (em geral Supabase nos apps do Lovable), e o Supabase tem bibliotecas oficiais para Swift e Kotlin além de JavaScript. O app de celular vira um segundo cliente do mesmo backend: mesmas contas, mesmos dados, app web continua no ar.

    É o caminho mais rápido para enviar às lojas e o mais arriscado: as diretrizes da Apple estabelecem um mínimo de funcionalidade abaixo do qual sites reembalados são uma categoria conhecida de rejeição, e uma casca aprovada ainda parece um site numa moldura. É defensável quando a presença na loja é exigência formal e o produto é feito de conteúdo.

    Em geral, sim. Os dois compartilham um backend, então ficam sincronizados por construção, e o uso por link — páginas de captura, desktop, compartilhamento — continua melhor na web. Muitos produtos rodam exatamente esse par: Lovable para a superfície web, um app nativo para a instalada.

    Native iPhone and Android apps. Start free.

    One project, two native apps: Swift for iPhone, Kotlin for Android.

    Continue lendo