Aplicativo web

Os aplicativos web Cadrant são aplicativos fullstack React.js com integração completa do Supabase. São projetados para qualquer caso de uso que exija persistência de dados, autenticação ou recursos avançados.

Diferente de um site estático, um aplicativo web armazena e atualiza dados: contas de usuário, registros criados pela interface, painéis que mudam a cada ação. Interface, lógica de servidor e banco de dados são gerados juntos, em um único projeto.

Características principais

• Aplicativo fullstack React.js com backend integrado
• Integração Supabase para banco de dados PostgreSQL
• Sistema de autenticação completo (email, OAuth, etc.)
• Edge Functions para lógica de servidor personalizada
• Armazenamento de arquivos integrado
• API em tempo real com subscriptions

Como funciona

1. Descreva o aplicativo no chat: telas principais, quem faz login, quais dados você manipula.
2. O Cadrant gera a interface React e o modelo de dados de que o projeto precisa.
3. Confira o resultado na pré-visualização ao vivo e itere tela por tela — um prompt, uma mudança.
4. Conecte o Supabase para armazenar dados, autenticar usuários e executar lógica de servidor.
5. Publique em uma URL Cadrant ou no seu próprio domínio.

Casos de uso ideais

• Aplicativos SaaS
• Dashboards e ferramentas internas
• Marketplaces e e-commerce
• Aplicativos colaborativos
• Plataformas com contas de usuário
• Qualquer projeto que exija um banco de dados

Backend e dados

Um aplicativo web se apoia no Supabase, conectado à sua própria conta. Cada peça tem sua página:

• Conectar o Supabase — ligue o projeto à sua conta Supabase.
• Banco de dados — tabelas, relações e consultas geradas a partir dos seus prompts.
• Autenticação — cadastro, login e regras de acesso.
• Edge Functions — lógica de servidor que nunca roda no navegador.
• Armazenamento de arquivos — arquivos e imagens enviados pelos seus usuários.
• Variáveis de ambiente — chaves de API e segredos, fora do frontend.

Ir além

• Boas práticas de prompting — escrever prompts que dão o resultado certo de primeira.
• Versionamento — voltar para uma versão anterior e enviar o código para o GitHub.
• Integrações com APIs externas — conectar serviços externos: pagamentos, e-mail, IA.
• Publicar seu projeto — colocar o aplicativo no ar, em uma URL Cadrant ou no seu domínio.

Assinatura

Os aplicativos web estão disponíveis com a assinatura Starter e planos superiores. Esta assinatura inclui hospedagem, integração completa do Supabase e todos os recursos avançados.