Este é um projeto desenvolvido com Next.js, que utiliza novos conceitos da App Router como Server Components, Loading Pages e Layout. O projeto consiste em um e-commerce que consome uma API de produtos.
- Página Principal: Exibe os produtos em destaque ("feature").
- Página Detalhada do Produto: Permite visualizar informações detalhadas de cada produto.
- Pesquisa de Produtos: Funcionalidade que possibilita buscar produtos por nome ou categoria.
- Next.js: Framework React focado em renderização no servidor.
- Tailwind CSS: Framework CSS utilizado para estilização.
- Cypress: Utilizado para testes end-to-end (E2E), simulando o comportamento do usuário na aplicação.
- Zod: Biblioteca de validação de esquema para JavaScript.
- @t3-oss/env-nextjs: Utilizado para gerenciar variáveis de ambiente no Next.js.
Certifique-se de ter o Node.js instalado na sua máquina.
- Clone o repositório:
git clone https://github.com/seu-usuario/devstore.git - Acesse o diretório do projeto:
cd devstore - Instale as dependências:
npm install - Inicie a aplicação:
npm run dev
- Certifique-se de ter o projeto em execução.
- Abra outro terminal na pasta do projeto.
- Execute os testes Cypress:
npx cypress run