Nota: Versão de validação. Nome, endereço, depoimentos e números são fictícios — é uma demonstração de arquitetura, não um cliente real.
O problema
Landing de captação para um serviço local, onde todo o tráfego converge para o WhatsApp. Não há login, banco nem área logada — e a pergunta era quanto dá para entregar sem adicionar nenhuma dependência.
As decisões
- 01
Três dependências, ponto final
next, react e react-dom. Nada de biblioteca de animação, de ícone ou de carrossel — cada uma dessas seria peso permanente no bundle em troca de um efeito.
- 02
Animação com a plataforma
IntersectionObserver + CSS para as revelações em scroll. A API do navegador já resolve, e o custo é zero KB.
- 03
Tudo pré-renderizado
Todas as rotas são estáticas e as fontes são auto-hospedadas via next/font — sem requisição a terceiros no carregamento.
O resultado
- Bundle mínimo e carregamento praticamente instantâneo.
- Checklist do que trocar antes de publicar versionado junto do código.
- Demonstra que a stack pesada nem sempre é necessária — decidir não instalar também é decisão de arquitetura.