O Ignite Shop é um ecommerce para compra de camisetas desenvolvido com Next.js e a API do Stripe. Dessa forma, para uma maior performance da aplicação, foram utilizados os conceitos de SSR, SSG e data fetching do Next.js. Além disso, para essa aplicação foi implementado um contexto para controle do carrinho do usuário.
Foram adicionadas algumas funcionalidades além do proposto durante o ignite:
- Página de erro 404
- Botão para controle do slider
- Modal para feedback de produto já adicionado ao carrinho
- Responsividade
Para executar esse projeto será necessário ter o Node.js e o npm instalados.
Instale as dependências:
npm i
Configure as variáveis de ambiente conforme o arquivo .env.example onde NEXT_URL
é o endereço em que a aplicação está executando (por padrão http://localhost:3000
). Também será necessário configurar uma conta no stripe para obter as keys para teste seguindo essa documentação.
Para testar a aplicação será necessário criar produtos e preços no stripe. É possível obter mais informações sobre a criação de produtos e preços aqui.
Após finalizar o setup, inicie a aplicação:
npm run dev
Por fim, é possível realizar testes de pagamento com uma série de cartões de teste listados pelo stripe nesse link.
Este projeto está licenciado sob o MIT. Consulte a licença para mais informações.