Frontend e aplicações web
Painéis, back-offices e aplicações web em React e Next.js. Construídos como sistema de componentes, com desempenho e acessibilidade medidos, não prometidos.
Front-end apodrece rápido. Começa limpo, ganha telas, ganha exceções, e em dois anos mudar um botão exige tocar em sete arquivos. Enquanto isso a página engorda, o celular sofre e ninguém está medindo.
Aplicação em React ou Next.js organizada em componentes reutilizáveis, com estado previsível, carregamento medido por Core Web Vitals e acessibilidade de teclado e leitor de tela. Testada de ponta a ponta, no navegador, como o usuário usa.
Faz sentido quando a aplicação tem muitas telas parecidas, quando o time cresceu e cada um resolve de um jeito, ou quando está lento e ninguém sabe apontar onde.
Aplicações React e Next.js
Aplicação web completa, com renderização escolhida por página conforme o caso — estática onde dá, no servidor onde precisa. Rota, formulário, permissão e estado resolvidos de um jeito só.
Biblioteca de componentes
Um conjunto de componentes documentado, com os estados desenhados: vazio, carregando, erro, sem permissão. É o que faz a décima tela custar menos que a primeira.
Modernização de front-end legado
Substituição por partes, com o sistema antigo e o novo convivendo, em vez de reescrita de um ano com data marcada. Cada pedaço migrado já entra em produção.
Desempenho e Core Web Vitals
Medição antes de otimizar: o que é peso de imagem, o que é JavaScript demais, o que é dado buscado na hora errada. Depois, correção com número antes e depois.
Acessibilidade
Navegação por teclado, contraste, foco visível, leitor de tela e HTML com significado. Além de ser o certo, é o que faz o sistema funcionar para quem passa oito horas nele.
Testes de ponta a ponta
Os caminhos que não podem quebrar viram teste que roda no navegador a cada mudança. É o que permite mexer com confiança no que já está no ar.
- Framework
- React · Next.js · TypeScript
- Estilo
- Tailwind CSS · CSS Modules
- Estado e formulários
- TanStack Query · Zustand · React Hook Form · Zod
- Qualidade
- Vitest · Testing Library · Playwright
- Entrega
- Vercel · GitHub Actions · Lighthouse