Como debugamos bugs visuais no Electron e otimizamos um app com IA
Uma imersão prática real sobre como construir, escalar, monetizar e manter um app usando Electron, React, Firebase e IA. Veja os bastidores do Persua e o que deu certo (e errado).
Por que isso é importante
Saber como lidar com bugs visuais no Electron, otimizar performance em runtime e validar ideias com IA em produção é crucial para construir softwares escaláveis com agilidade — especialmente se você está gerenciando uma startup lean.
O bug invisível: quando tudo trava, mas parece normal
Durante o uso do app, notamos que novos elementos não abriam corretamente e a interface congelava. A causa? O app abria as janelas, mas o frontend não atualizava. Aparentemente, um hook de acessibilidade estava interferindo visualmente.
⚠️Atenção
Não confie apenas na ausência de erros — valide a interface visualmente. Bugs silenciosos de render podem enganar até o Sentry.
Nós usamos Electron. Isso foi um erro?
Sim. Originalmente, optamos pelo Electron com React por familiaridade e agilidade. Mas o custo foi alto: peso, lentidão, problemas com build da Apple. A migração para Tauri está em análise para reduzir o runtime e melhorar a fluidez.
ℹ️Dica técnica
Electron build assinado no Mac pode ser até 3x mais lento que builds locais não assinados. Teste sempre a versão validada do usuário final.
Como otimizamos e ganhamos 20% de performance
✅Validação prática
Usuários relataram feeling mais leve e fluído após a liberação da nova versão — sem saber que era uma correção de performance.
Firebase + React + IA: a stack por trás da operação
React + Electron
Render frontend e controlar janelas
Firebase
Analytics, auth, remote config sem custo no início
OpenAI API
Para gerar resumo, tweets e prompts personalizados
Cloudflare + Google Workspace
Infra leve para operação e suporte
Sentry + Code Agent
Monitoramento de runtime com automação via IA
Monetização e métricas reais do Persua
Com menos de 2 meses, o Persua alcançou 77 pagantes ativos e mais de 3.600 usuários únicos. Apesar da taxa de churn alta, o app gera 800€ de receita mensal com zero custo de infra (apenas 120 dólares manuais com workspace e cloud).
ℹ️Insight de validação
Muitos usuários assinam por um ou dois meses, utilizam em processos seletivos e cancelam após serem aprovados — o objetivo deles era claro, o produto cumpriu.
Ideias para manter a relevância e UX
Áudio armazenado para resumos de sessões
Consideramos permitir o salvamento de sessões e envio de resumo automático por e-mail — inclusive com histórico de perguntas e respostas da IA. Isso geraria rastreabilidade e reusabilidade.
⚠️Alerta de escopo
Evitamos focar em "apps de gravação de reunião". Esse nicho será engolido pelos próprios Zoom e MS Teams com IA nativa.
Leak controlado: um bom plot para marketing
Leaks geram buzz. Planejar um vazamento de recursos futuros do Persua demonstrou alto potencial de engajamento nas comunidades. Uma narrativa bem definida ao redor disso pode viralizar.
✅Estratégia recomendada
Planeje um “leak” controlado com landing page e formulário de espera. Cria urgência e captura leads qualificados.
IA é muito mais que autocomplete
Integramos IA para ajudar desde identificação de erros no Sentry até geração de tweets. A IA é proativa. Nosso prompt para "Gerar Tweet de tela atual" virou favorito.
ℹ️Mentalidade de uso
Use IA como copilot, não como autocomplete. Automatize fluxos complexos dentro dos seus próprios contextos e ferramentas.
Kotlin Multiplatform: o que vem por aí?
A equipe está testando KMP (Kotlin Multiplatform) para avaliar uma nova base para o app futuramente. A ideia é ter menor acoplamento, melhor performance e facilitar suporte a diversas plataformas nativamente.