Apps mobile Webview e PWA
Um projeto Webview / PWA é uma aplicação web mobile-first. O Cadrant a gera com o mesmo pipeline React de um app web, mas desenha as telas para o telefone e abre a prévia em um frame de telefone por padrão.
Use este modo quando quiser entregar rápido uma experiência mobile, compartilhar uma URL, permitir a instalação pelo navegador e, opcionalmente, encapsular o app ao vivo em um shell da App Store depois.
O que você obtém
- UI mobile-first gerada para telas touch e layouts de telefone.
- Prévia em frame de telefone dentro do Cadrant (mesmas abas de um app web: preview, editor, código, data).
- Backend Supabase: auth, banco de dados, storage e Edge Functions.
- Sync GitHub e histórico de versões.
- Dois caminhos de publicação: Web / PWA, ou App Store (shell WebView).
Criar um projeto Webview / PWA
- Crie um novo projeto e abra a aba Aplicação mobile.
- Selecione « Webview / PWA » (não « Nativo »).
- Descreva telas, navegação e recursos no seu prompt.
- Itere na prévia em frame de telefone até a UX ficar certa.
Prévia
Diferente dos projetos nativos, Webview / PWA não usa Metro nem Expo Go. A prévia é o seu app web ao vivo renderizado em um frame de telefone. Você também pode mudar para o viewport desktop se precisar.
Publicar
No cabeçalho do projeto, abra Publicar. Você tem duas opções:
1. Web / PWA
Publique como um projeto web clássico:
- URL gratuita do Cadrant (slug) ou seu domínio personalizado.
- HTTPS incluso — compartilhe o link com os usuários imediatamente.
- Os usuários abrem a URL no navegador, ou a adicionam à tela inicial (instalação estilo PWA pelo menu do navegador).
- Atualize a qualquer momento republicando — a versão mais recente substitui a anterior.
Detalhes sobre slug e domínios: Publicar seu projeto e Domínios personalizados.
2. App Store (shell WebView)
Quando você escolhe a publicação App Store, o Cadrant encapsula sua URL publicada ao vivo em um shell Expo WebView, depois gera e envia um binário iOS para a sua conta do App Store Connect.
- Seu produto continua sendo um app web por baixo — o app da store carrega a URL ao vivo em uma WebView nativa.
- Você ainda passa pelo login Apple Developer, detalhes do app, certificado e build (o mesmo fluxo guiado do nativo).
- Finalize ficha, capturas e review no App Store Connect.
Fluxo Apple passo a passo: Publicar no App Store Connect.
Fluxo de trabalho recomendado
Construir e pré-visualizar
Itere no frame de telefone até a navegação e os fluxos principais funcionarem.Publicar Web / PWA
Coloque uma URL online e compartilhe. Teste a instalação na tela inicial em um telefone real.Opcional: shell App Store
Quando estiver pronto para a store, use Publicar App Store e conclua no App Store Connect.