Today, we gonna learn how to collect payments from our e-commerce website using Stripe.

More precisely, we gonna look at how to use Stripe Checkout to easily and securely accept payments from our e-commerce website built with the Next.js framework.

And as you’ll see, it will only take a few minutes of your time to sell your products online and, more importantly, get paid! So without further ado, let’s dive into it.

Watch the video on  Youtube or keep reading.

• [00:00] Introduction
• [00:51] What are we building?
• [02:34] Set up your Stripe account + Next.js app
• [04:22] Create your products on the Stripe dashboard
• [05:21] Load Stripe in your Next.js app
• [06:18] Create a Next.js API endpoint to create a Stripe checkout session
• [08:45] Create a Next.js API endpoint to retrieve a checkout session
• [09:45] Redirect user to Stripe checkout page
• [11:30] Create a webhook+Next.js API endpoint to handle Stripe events
• [15:11] Create the success page
• [16:39] 🎉Live demo
• [17:56] Thank you!

#stripe #next #nextjs #react #web-development