Layout | Sobre o projeto | Tecnologias | Rodando o projeto | Autor
Você pode visualizar o layout do projeto através desse link.
O Ignite Shop é uma aplicação que foi desenvolvida visando aplicar os principais fundamentos do Next Js, foi utilizado os conceitos de SSR e SSG. Podemos contar as seguintes funcionalidades nessa aplicação:
- Skeleton ao carregar a página
- Slider contendo todos os produtos
- Ir para a página do produto que contém todas as informações e preços
- Implementação de uma sacola para adicionar os produtos
- Remoção dos produtos da sacola
- Prosseguir para o checkout sendo redirecionado para o stripe
- Redirecionamento para tela de sucesso se o pagamento for bem sucedido
- Next.js
- TypeScript
- Stitches
- Radix UI
- Axios
- Phosphor Icons
- Embla Carousel React
- Stripe
- React Toastify
É necessário instalar o Node.js primeiro, e para clonar o projeto via HTTPS basta utilizar o seguinte comando:
# Clone este repositório
$ git clone https://github.com/amandasaporiti/ignite-shop.git
# Vá para a pasta da aplicação
$ cd ignite-shopping
# Instale as dependências
$ npm install
$ yarn
# Configure as variáveis de ambiente no arquivo .env.local
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
$ yarn dev
# Acesse http://localhost:3000
Amanda Saporiti |
Feito com 💜 por Amanda Saporiti