🚀 Ignite Shop
Este é um projeto de e-commerce o qual tem por fim colocar em pratica a utilização dos conceitos de
SSR (Server Side Rendering) e SSG (Static Site Generator), utilizando como API de pagamentos o
STRIPE onde além de fazer o pagamento é responsável por trazer as informações dos produtos
e preços.
Para fazer o controle dos itens de carrinho foi utilizado a biblioteca USE-SHOPPING-CART
ao invés de se utilizar o Context padrão do React.
Na parte da estilização foi utilizado o stitches ao invés do que vem sendo usado, o
Styled Components
📒 Aprendizados
- Utilização do Next.JS
- Aplicações de SSG e SSR
- Como deixar uma aplicação mais performatica com Next.JS
- Consumo de API de pagamento com o uso de secret key
- Estilização com stitches
🔨 Tecnologias
- Next.JS
- Stitches
- React
- Stripe
- Git e Github
Página inicial
Página de produto
Página de produto com Modal de carrinho aberta
Página de pagamento do Stripe
Pagina de sucesso
⚙️ Melhorias
Uma melhoria que pode ser feita é a opção de escolher o tamanho da camisa na hora da compra como mostra a imagem abaixo, no Stripe ainda não há uma forma nativa de fazer esse tipo de variação de produto.
