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.