O Projeto

Este é o Ignite Shop, mais uma pequena simulação de ecommerce baseado em um desafio do programa Ignite (Trilha ReactJs) da Rocketseat. Com a finalidade de aprimorar o conceitos envolvidos no consumo de APIs de forma integrada ao NextJS, utilizando as estratégias de Server Side Rendereing (SSR) e Static Site Generator (SSG), a atual versão conta com um layout simples oferecendo uma navegação descomplicada e extremamente rápida.

Nesta aplicação web o usuário terá acesso a um pequeno catálogo de camisetas e poderá então realizar as seguintes ações:

• Adicionar items ao carrinho de compras
• Remover items do carrinho de compras
• Navegar para página de cada produto separadamente
• Finalizar a compra

Dentre os principais conhecimentos utilizados, algo que se destaca é o consumo da API de pagamento do Stripe que fornece toda a funcionalidade de pagamento de forma descomplicada.

Após o usuário seguir para a seção de pagamento, quando clicar em Finalizar Compra, ele será redirecionado para a própria plataforma do stripe onde encontra um resumo dos itens os quais estavam em seu carrinho bem como os campos para digitar os dados para pagamento.

Logo após finalizar o pagamento com sucesso, o usuário será redirecionado de volta a aplicação para uma página de sucesso, onde há um breve resumo dos itens adquiridos.

As principais ferramentas utilizadas na construção deste projeto foram:

O layout deste projeto no figma pode ser encontrado aqui