https://github.com/webiny/e-commerce-starter
https://github.com/webiny/e-commerce-starter
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/webiny/e-commerce-starter
- Owner: webiny
- Created: 2020-10-21T11:54:56.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2020-10-30T23:01:35.000Z (over 5 years ago)
- Last Synced: 2025-04-20T00:52:21.563Z (about 1 year ago)
- Language: JavaScript
- Size: 5.51 MB
- Stars: 6
- Watchers: 3
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## E-Commerce Starter project
This starter is used for the simple e-commerce website tutorial with Webiny Headless CMS, Next.js, and Stripe. We will create a simple e-commerce website, where you can buy Swag from the best Open Source Projects such as Webiny, Next.js, React, etc.
You will learn how to create the back-end with [Webiny Headless CMS](http://docs.webiny.com/docs/webiny-apps/headless-cms/features/content-modeling) and set up two content models, the products, and the categories. Then, fetching the data from the headless CMS to the Next.js project using Apollo GraphQL.
Last but not least, integrating Stripe to implement a shopping cart for our products.
We will continue creating more use-cases with Webiny. You can't find your favorite bootstrap project? Go ahead and [request](https://github.com/webiny/community/issues/new?assignees=&labels=&template=submit-a-request-for-a-tutorial-guide.md&title=%5BTOPIC%5D) || [submit](https://github.com/webiny/community/issues/new?assignees=&labels=&template=submit-a-tutorial-guide.md&title=%5BSUBMIT%5D) a Guide or Tutorial at the [Community Repo](https://github.com/webiny/community/issues/new/choose) of Webiny 🚀
## Demo
To get started, clone the `e-commerce-starter` git repository.
The starter will have a ready-made Next.js application, and the Ant Design UI Library with a couple of pre-build components and functionalities.
## E-Commerce starter features:
### Headless CMS Content Models:
- Products
- Category
### Next.js:
Pre-build components:
- Header
- Product List
- Product card
- Cart
- Search functionality
###Â Stripe
- Payment Intents API
## Get Started
Clone the repository:
```
git clone https://github.com/webiny/e-commerce-starter
cd e-commerce-starter
```
Start the e-commerce-starter project:
Using yarn:
```
yarn install
yarn develop
```
Using npm:
```
npm install
npm run dev
```
## Tutorial
### Build an E-commerce Website with Webiny Serverless Headless CMS, Next.js, and Stripe
Follow up with the tutorial [here]() to create your simple e-commerce website with Webiny Headless CMS, Next.js, and Stripe.