Pular para o conteúdo principal

Stack Tecnológico

Acreditamos em escolher tecnologia estável onde importa e soluções inovadoras onde fazem uma diferença real. Nosso stack é otimizado para experiência do desenvolvedor, desempenho e confiabilidade.

Frontend

  • Next.js 15 — Nossa framework de escolha para todas as aplicações web. O App Router nos dá a flexibilidade que precisamos com excelente desempenho out-of-the-box. Usamos exportação estática para o site de marketing e SSR para o dashboard.
  • TypeScript — Segurança de tipos não é opcional. Detecta bugs antes de chegarem à produção e torna a refatoração sem medo. Combinado com Zod para validação em tempo de execução, obtemos segurança de tipos de ponta a ponta.
  • Tailwind CSS — CSS utilitário que mantém nossos estilos sustentáveis e nossos designs consistentes. Nosso sistema de design é construído em variáveis CSS para tematização.
  • Framer Motion — Para animações que parecem naturais e têm bom desempenho. Usado para transições de página, micro-interações e animações de visualização de dados.

Backend e Infraestrutura

  • Cloudflare Pages & Workers — Implantação edge-first significa que nossos usuários recebem respostas rápidas independentemente de onde estejam. Os Workers lidam com requisições de API na borda com tempos de resposta abaixo de 50ms globalmente.
  • Hono Framework — Framework de API leve e rápido rodando em Workers. Padrões semelhantes ao Express com suporte total a TypeScript e overhead mínimo de cold start.
  • Supabase — PostgreSQL com assinaturas em tempo real, autenticação e armazenamento. As políticas de Row Level Security (RLS) impõem multi-tenancy baseado em equipes no nível do banco de dados.
  • Cloudflare KV — Armazenamento chave-valor para limitação de taxa, bloqueios de sessão e cache de dados frequentemente acessados.
  • Cloudflare R2 — Armazenamento de objetos sem taxas de egresso. Armazenamos capturas de tela, heatmaps e chunks de replay de sessão aqui.

Visualização

  • Mapbox GL JS — Alimenta nossa visualização de globo 3D com interações suaves e cobertura global. Acelerado por WebGL para desempenho de 60fps.
  • Recharts — Gráficos limpos e composíveis para nossos dashboards de análise. Usamos para gráficos de linha, barra, área e pizza.
  • rrweb — Gravação e reprodução de replay de sessão. Captura mutações de DOM, movimentos de mouse e interações com dados sensíveis mascarados automaticamente.

Integrações

  • Stripe — Pagamentos e assinaturas. Eventos de faturamento orientados por webhook com aplicação automática de planos.
  • Resend — Entrega de e-mail transacional. Usado para autenticação, relatórios e notificações.
  • Cloudflare Turnstile — Proteção contra bots sem CAPTCHAs. Verificação invisível que não interrompe os usuários.