Ignite Shop 2.0

English

What is the project?

4º Challenge of Ignite @Rocketseat. It is an E-Commerce project made with Next to improve my development with Next itself (SSR/SSG), Stripe was also used (Stripe is an infrastructure of payment products for the internet) to make the payment of the order creating a route inside the pages, for styling the project Stitches.Js was used, because integrates better with SSR than Styled Components.

Main technologies

• React
• Next
• Stripe
• Axios
• Stitches Js
• Radix UI (Dialog)
• Keen Slider
• Phosphor React

How to use?

After that you create your Stripe account and create yours products, you must creat a .env.local file inside project root and create 3 vars

NEXT_URL="http://localhost:3000"

STRIPE_PUBLIC_KEY= Your PK here
STRIPE_SECRET_KEY= Your SK here

Português

O que é o projeto?

4º Desafio do Ignite @Rocketseat. É um projeto de um E-Commerce feito com Next para aprimorar o meu desenvolvimento com o proprio Next (SSR/SSG), também foi utilizado o Stripe (o Stripe é uma infraestrutura de produtos pagamentos para a internet) para realizar o pagamento do pedido criando uma rota dentro de pages, para a estilização do projeto foi usado o Stitches.Js, pois ele integra melhor com o SSR do que o Styled Components.

Principais technologias

• React
• Next
• Stripe
• Axios
• Stitches Js
• Radix UI (Dialog)
• Keen Slider
• Phosphor React

Como usar?

Depois de criar sua conta na Stripe e criar os seus produtos, você deve criar na raiz do projeto o arquivo .env.local e criar 3 variáveis nele

NEXT_URL="http://localhost:3000"

STRIPE_PUBLIC_KEY= Sua PK aqui
STRIPE_SECRET_KEY= Sua SK aqui

Project Images