🚀 Projeto

O Ignite Shop é uma loja virtual de camisetas desenvolvida durante a formação em ReactJS da Rocketseat. A aplicação permite a navegação por produtos e a realização de compras de forma prática e segura, com integração ao Stripe para processamentos de pagamentos e gerenciamento de transações.

Foi construída com Next.js, utilizando as abordagens SSR (Server Side Rendering) e SSG (Static Site Generation) para garantir alta performance e boas práticas de desenvolvimento. A estilização é feita com Stitches e o design é totalmente responsivo.

💡 Tecnologias:

• React
• Next.js
• Stitches
• Stripe
• Next SEO
• TypeScript

⚙️ Executar o projeto:

-Clone o Repositório

git clone https://github.com/Gkanawati/ignite-shop-gk.git
cd ignite-shop-gk

-Configure as variáveis de ambiente:

cp .env.example .env.local

-Instale as dependências:

npm install

-Para rodar o app:

npm run dev

🔗 Link do Projeto:

https://ignite-shop-gk.vercel.app/

📦 Configuração do Stripe:

NEXT_PUBLIC_STRIPE_PUBLIC_KEY=SUA_CHAVE_PUBLICA
STRIPE_SECRET_KEY=SUA_CHAVE_SECRETA
NEXT_URL=http://localhost:3000

🛒 Para realizar uma compra teste no Stripe, utilizar o número de cartão :

4242 4242 4242 4242

💻 Telas