E-Commerce com NextJs.

Front-End

Front-End

Sobre o projeto

O eCommerce-nextjs é uma aplicação front end, desenvolvida durante o curso de React ministrado pela Rocketseat. Esse projeto foi construído com finalidade didática com foco no aprendizado do fremework NextJS 13 ou superior. A partir dessa versão é utilizada uma estrutura de "App Router" diferentemente da "Page Router" presente nas versões anteriores.

O projeto é um e-commerce que efetua vendas de camisetas. Como o intuito do projeto era aprender os novos recursos disponíveis no NextJs 13 ou mais recente, nem todas as funcionalidades de um e-commerce foram implementadas. Neste projeto será possível encontrar uma "home page" com os produtos em destaque, buscar por produtos, ver detalhes do produto e adicionar tal produto ao carrinho.

Outro diferencial é a utilização de uma API feita totalmente no front end e também o uso do Cypress para realização dos testes End-to-End (E2E) da aplicação.

Durante a concepção do projeto foi utilizado um arquivo no formato json para simular produtos cadastrados em um banco de dados.

🚀 Tecnologias

  • image
  • image
  • image
  • image
  • image
  • image
  • image

🔨 Executar Aplicação

1- Realizar o clone desse projeto.

  • git clone https://github.com/tilo1306/NextJS-Ecommerce.git

2- Depois escrever o comando no terminal:

  • npm install

3- Ao final da instalação escrever o comando no terminal:

  • npm run dev

4- Abrir no navegador usando a url:

  • http://localhost:3000/

Contato