Ignite Shop

An e-commerce like application, made to put down in code previous knowledge of:

• React JS
• Next JS
• Server Side Rendering
• Static Site Generation
• Stripe Payment Integration
• Unity Tests

Techs and Libs used

• Stitches
• Next JS
• Stripe
• Axios
• Phosphor Icons

Features

• User can add/remove a product to the cart
• User can purchase one or more products from cart
• User can see how many items and the total price from cart
• User can access details of a single product and purchase it from there
• User can make a purchase checkout using stripe checkout session
• User can view checkout resume from Success page

How to run locally

Simply clone this project to user’s machine, navigate to project’s folder under a terminal of his/her choice and then run the following commands:

Using yarn

$ yarn && yarn dev

Using npm

$ npm install && npm run dev

Future updates

• Fix production build

Before running locally, some environment variables must be set up..
Refer to .env.example file to see which one to configure correctly…
Refer to Stripe’s documentation to know to get these variables from there…