Note: This project is no longer online because Heroku stopped supporting the free tier.
Motivation
I started this project because I wanted to gain experience with API-driven applications with React for the front-end. Every piece of data is requested from a GraphQL API which I deployed to another Heroku instance. This data is then displayed in the UI.
I also wanted to try NextJS. NextJS allowed me to render some pieces of the application on the server before the page gets loaded in the browser. This prevents the page from being completely blank for a moment before the UI gets loaded if it were to be a client-side rendered application.
Technologies
Some of the technologies used to make this project:
- ReactJS
- NextJS
- Apollo
- GraphQL
- NodeJS
- Stripe
- Styled Components
Process
This project was originally a course project from Advanced React by Wes Bos.
I then adapted the project such that it was more my own project by adding features and changing the design.
The project is hosted for free, so it might take a minute to load all the products.