Estudo de caso
Portfólio LipDev
O próprio portfólio: site bilíngue em Next.js com tema claro e escuro, mantido com CI, testes de acessibilidade e auditoria de dependências.
Tecnologias
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS
- Framer Motion
Contexto
O site reúne projetos, serviços, currículo e contato. A tradução entre português e inglês e o tema claro/escuro funcionam no navegador, e os cards de projeto são conferidos contra o código real de cada repositório.
Decisões
01Qualidade automatizada
A cada pull request rodam typecheck, lint, build, auditoria do npm, testes e2e com axe-core e Lighthouse CI.
02Contraste corrigido por teste
O axe-core acusou 29 elementos com texto semitransparente abaixo de 4,5:1. Ajustei as opacidades de texto em todo o site.
03Dependência crítica atualizada
A auditoria apontou uma vulnerabilidade crítica no Next.js; a atualização para a 16.4.2 zerou o relatório do npm audit.
04Conteúdo fiel aos repositórios
Nomes, tecnologias, links e demonstrações foram conferidos contra o código de cada projeto; projetos renomeados foram atualizados e o descontinuado foi retirado.
Resultados
- Lighthouse mobile (antes → depois)
- 89 / 93 / 96 / 100 → 95 / 100 / 96 / 100
- Testes e2e de acessibilidade e layout
- 2
- Vulnerabilidades em produção (npm audit)
- 0
Lighthouse: desempenho / acessibilidade / boas práticas / SEO, em modo mobile, medidos localmente em 19/10/2026.
O que ainda falta
- A tradução é feita por botão no navegador; a versão em inglês ainda não tem endereço próprio para buscadores.