tayhsn / ignite-shop

Loja virtual desenvolvida com Next.js, Stitches e Stripe. | Desafio (4/5) @ Ignite

Ignite Shop 2.0

Loja virtual desenvolvida com Next.js e Stripe.

🧑🏻‍💻 Para testar

Acesse o link do deploy, adicione produtos no carrinho e finalize a compra utilizando os seguintes dados no pagamento:

Número do cartão: 4242 4242 4242 4242
Validade: qualquer data futura no formato > 12/34
CVV: qualquer combinação de 3 digitos > 123

📑 Sobre

Projeto do 4º módulo do curso de especialização Ignite: Fundamentos de Next.js .

Esta aplicação simula uma loja de produtos e utiliza o Stripe para gerenciamento produtos e pedidos, Stitches e Radix-UI para estilização, Axios para consumo dos dados implementados no servidor do Next, e outras bibliotecas auxiliares para melhorar a experiência do usuário.

• Ignite Shop inicia o desenvolvimento do projeto implementando as funcionalidades deste layout, sendo elas:

  • Carrossel de produtos na página principal
  • Página de detalhes do produto, sendo possível finalizar a compra
  • Página de Sucesso

• Ignite Shop 2.0 é o desafio para implementar as funcionalidades deste layout.

  • Carrinho: adiciona layout e funcionalidades
  • Atualiza a página de Sucesso
  • Implementa cabeçalhos diferentes entre páginas

🧠 Aprendizados

• Conceitos de Server-Side Renderig (SSR) e Static Site Generation (SSG)
• Conceitos fundamentais do Next.js e Per-Page Layout
• Utilização da biblioteca Stripe

🛠 Tecnologias utilizadas

• Typescript
• Next.js
• Stripe
• Stitches
• React-toastify
• Axios
• Keen-slider