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 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 || submit a Guide or Tutorial at the Community Repo of Webiny 🚀
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.
- Products
- Category
Pre-build components:
- Header
- Product List
- Product card
- Cart
- Search functionality
### Stripe
- Payment Intents API
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
Follow up with the tutorial here to create your simple e-commerce website with Webiny Headless CMS, Next.js, and Stripe.