Build an E-commerce Website with Webiny Serverless Headless CMS, Next.js, and Stripe

Subscribe to my newsletter and never miss my upcoming articles

In this tutorial, 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.

Before we continue, let's go through what you'll learn about building this website.

You will learn how to create the back-end using Webiny Headless CMS and set up two content models, the products, and the categories. Afterward, we'll fetch the data from the Headless CMS to the Next.js project using Apollo GraphQL. Last but not least, we'll integrate Stripe to implement a checkout experience.

First, let's take a look at the diagram of what we'll build ⬇️

g3rc9tphwep6scswwrzt.png

In this tutorial, you'll go through the sections below:

1. The e-commerce-starter

2. Webiny Headless CMS

3. Next.js + Apollo GraphQL to fetch data from the backend

4. Next.js + Stripe to create the payment intents

Follow the tutorial here 🚀


Thanks for reading! My name is Albiona, I enjoy learning new tech and building communities around them = ) If you have any questions, comments, or just wanna say hi, feel free to reach out to me via Twitter.

No Comments Yet