O desafio será implementar um e-commerce para venda de vinhos que deverá ter as seguintes funcionalidades:
- Catálogo de produtos com paginação
- Faça a estilização com styled-components
- Busca por nome do produto
- Filtragem produtos por preço
- [] Adicionar e remover produtos do carrinho
- [] Utilize o local storage para gerenciar o carrinho
- paginação: A paginação ajuda os mecanismos de pesquisa a entender a estrutura do seu site e garante que todas as suas páginas sejam indexadas, o que é particularmente importante para sites com listas de produtos. Utilizar a renderização do lado do servidor em Next.js para paginação garante que cada link de página seja capturado pelos mecanismos de pesquisa, melhorando significativamente o SEO do site.
- styled-components: Para a estilização styled-components usei a lib
Tailwind-Styled-Component
que faz o mix de style-components usando tailwind. - buscar por nome: É realizar por params que é passada na url, assim posso fazer uma buscar além de permitir que o filtro continua aplicado caso essa url seja conpartilhada.
- filtros: É realizar por params que é passada na url, assim podendo realizar varios filtros.
Além dos requisitos levantados acima, iremos olhar para os seguintes critérios durante a correção do desafio:
- [] Gerenciamento de estado
- [] Componentização
- [] Responsividade
- [] Preocupação com usabilidade
- [] Preocupação com acessibilidade
- [] Testes e2e
- [] Padrões de código
- Padrão de commits (Conventional)
- [] Fazer deploy na vercel ou em outro local de sua preferência e disponibilizar um link de visualização
- [] Testes unitários
- Utilização de cache do Next.js.