E-Commerce - Ignite Shop

Modelo Figma:

https://www.figma.com/file/FxlDRKOmznBbTH8DsTgnZU/Ignite-Shop-2.0/duplicate

Elementos principais da página:

Integração com stripe
Slider exibindo os produtos cadastrados no stripe
Página de produto exibindo os detalhes de cada produto individual
Gerenciamento de carrinho com sidebar
Design com alta fidelidade ao modelo figma
Renderização da interface no lado do servidor (SSR e SSG quando aplicável)

Tecnologias Utilizadas:

React
Next.js
Typescript

Resultado: https://ignite-shop-fawn.vercel.app/

Como simular uma compra usando cartão de teste do stripe:

Use número de cartão: 4242 4242 4242 4242
Use uma data futura válida, como 12/34.
Use qualquer CVC de três dígitos.
Use qualquer valor nos outros campos do formulário.