Next.js App Router e Testes - React/Projeto de e-commerce

Reprodução automática

Quer continuar assistindo este conteúdo?

Assinando agora você recebe acesso imediato a todas as formações em programação do zero ao avançado da Rocketseat em uma única assinatura.

Mais de 35 mil devs já deram o primeiro passo com a Rocketseat

Informação

Criando estrutura do app

Educador

Commit: Criando estrutura do app

Figma devstore

Nesta aula, vamos desenvolver um projeto de e-commerce usando o Next.js com Server Components. O projeto terá funcionalidades básicas, como listagem de produtos, carrinho e busca. Vamos criar um modal para exibir os detalhes do produto quando o usuário clicar em um item. Além disso, vamos aprender sobre interceptação de rotas no Next.js. O foco principal será a busca e exibição de dados de uma API. Utilizaremos imagens de camisetas e moletons da Rocketseat. Vamos configurar o projeto, instalar dependências e configurar o ESLint. Em seguida, começaremos a criar as páginas do projeto.

Rocketseat 2026