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 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 🚀

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.