https://github.com/ankerx/reia-ecommerce
E-commerce store for handmade products. Integrated with CMS and payments (Stripe)
https://github.com/ankerx/reia-ecommerce
nextjs react typescript
Last synced: 8 months ago
JSON representation
E-commerce store for handmade products. Integrated with CMS and payments (Stripe)
- Host: GitHub
- URL: https://github.com/ankerx/reia-ecommerce
- Owner: ankerx
- Created: 2022-08-27T02:24:30.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-17T18:08:26.000Z (over 2 years ago)
- Last Synced: 2025-01-07T11:30:20.460Z (9 months ago)
- Topics: nextjs, react, typescript
- Language: TypeScript
- Homepage: https://reia-ecommerce.vercel.app/
- Size: 9.51 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💵 Modern E-commerce Website !
E-commerce store for massage and handmade products. Using NextJS and Static Site Generation provides a very good user experience. All products are fetched from headless CMS, which allows adding every new product very easily. Payments are handled by Stripe. After successful checkout client receives a confirmation email. E2E tests written in Cypress.
See live version here: https://reia-ecommerce.vercel.app/
## 📦 Technologies
| Name |
| ------------- |
| React |
| Nextjs |
| Typescript |
| TailwindCSS |
| React Query |
| Headless CMS |
| Cypress |
## 💻 Features
Products can be filtered by category or searched by name. Adding product to shopping cart will calculate total price and keep the data in local storage, to client not lose data when close the website. Stripe is handling payments, CommerceJS is handling sending emails after checkout. Tests written in Cypress are making sure everything is working as it should.
## ⭐️ What did I learn
I learned how to implement very important feature which are payments. Using typescript and react query working with APIs. Cypress is very good tool in apps like that to test all the flow that user is experiencing.
### Setup
```sh
$ git clone https://github.com/ankerx/reia-ecommerce.git
$ npm install
$ npm run dev
```
Happy hacking!