Loja Online — Ofertas da Semana

Problema

Desenvolver uma página de ofertas com boa performance, acessibilidade e SEO, consumindo uma API externa e mantendo estado de carrinho consistente — como em um cenário real de e-commerce.

Solução

Implementação com Next.js 13+ e TypeScript, Tailwind e shadcn/ui para UI, vitrine consumindo FakeStore API, filtros/busca/ordenação, carrinho com Context API + reducer, testes com Jest/RTL, e melhorias de SEO (metatags, sitemap e robots).

Impacto

• Vitrine de ofertas com filtros, busca, ordenação e estados de loading/skeleton
• Carrinho funcional com Context API + useReducer, totais e quantidades automáticos
• SEO e acessibilidade: HTML semântico, metadados, sitemap e robots.txt
• Testes unitários (componentes, serviços e utilitários) com mocks de API
• Tratamento de erros robusto e micro-interações com toasts

Stack