Skip to content

Projeto de e-commerce como desafio da Rocketseat, com a utilização dos conceitos de SSR e SSG do Next.JS, além do consumo da API do Stripe

Notifications You must be signed in to change notification settings

ViniOliver01/Ignite-Shop

Repository files navigation

🚀 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

Imagem com seleção de tamanhos em destaque

Página de produto

Imagem com seleção de tamanhos em destaque

Página de produto com Modal de carrinho aberta

Imagem com seleção de tamanhos em destaque

Página de pagamento do Stripe

Imagem com seleção de tamanhos em destaque

Pagina de sucesso

Imagem com seleção de tamanhos em destaque

⚙️ 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.

Imagem com seleção de tamanhos em destaque

✉️ Contato

vinioliver.dev@gmail.com

About

Projeto de e-commerce como desafio da Rocketseat, com a utilização dos conceitos de SSR e SSG do Next.JS, além do consumo da API do Stripe

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published