Ignite Shop

Projeto focado em aprofundar os conhecimentos com NextJS e escalabilidade.

Requisitos

• Página de Listagem de produtos
• Página de Detalhe de produto
• Página de Checkout / Pagamento (integração com API do stripe)
• Página de Pedido realizado

Tecnologias e bibliotecas

• NextJS
• Stripe (API integration)
• Axios (Requests)
• Stitches (Styling)
• Keen Slider (Products List)

Issues com tópicos discutidos/estudados no projeto

• Fundamentos do Next.js #1

  • SSR
  • File System Routing
  • Entendendo o _document.tsx

• Estrutura visual #2

  • Configurando stitches
  • Otimização de imagens com Next

• Integração com API / stripe (SSR & SSG) #3

  • Variáveis de ambiente
  • getServerSideProps e o Next debaixo dos panos
  • Aplicando getServerSideProps
  • Utilizando SSG (Static Side Generation)
  • Formatando preço
  • Quiz pra saber se vc vai de SSR ou SSG

• Produto & checkout (Next avançado) #4

  • Navegação via
  • Carregando dados de produto
  • SSG com parâmetro dinâmico
  • Fallback do SSG
  • Prefetch de links no Next
  • API Routes no NextJS
  • Requisições com axios
  • Dados da compra no sucesso (revisão rápida)
  • Redirect no SSR
  • SEO no Next