Create an eCommerce Store with Next.js and Stripe Checkout
Accept payments & sell products powered by Stripe and the best of the JAMStack
There are as many ways to build an e-commerce store on the internet as there are products to sell. One thing is for certain, e-commerce is here to stay and as professional developers we need to understand how to build fully custom stores for our clients using the best modern tools available.
- React: flexible and customizable while following modern best practices
- Next.js: lightening fast with guide rails to help your project perform as consumers expect
- Stripe Checkout: lets you offload reams of complicated business logic to a trusted third party that maintains regulatory compliance, global payments, and a standard UX.
Your store will have well managed local component state using React Hooks and you'll also have clear and cohesive shared (global) state with React Context.
Finally you'll deploy your custom store to Vercel (the platform behind Next.js) as well as how to make your Next.js e-commerce store portable to deploy to other platforms.
What you'll learn:
- eCommerce is dynamic even if its on the JamStack
- Taking advantage of service providers can speed up the development process
- The faster your website is, the more likely you are to convert purchases
Quick Facts:
- eCommerce is dynamic even if its on the JamStack
- Taking advantage of service providers can speed up the development process
- The faster your website is, the more likely you are to convert purchases
Questions to Think About:
- How do I optimize the buying experience?
- How do I manage product inventory?
- What parts of the shopping experience need to be dynamic vs static?
Learner Reviews
- What did you like about this course?
Nice course, straight to the point! Having the code by videos is great also. It feels incomplete though, maybe one or two more videos to wrap up styling and redirect after checkout.
Alexis Diaza week ago - What did you like about this course?
It was very straightforward and it used important parts of Next and React in a way that made it easily understandable to be applied in other contexts and projects.
Héctor Palma Téllez4 months ago - What did you like about this course?
Great intro into Stripe and NextJS!
Csongor Széles5 months ago - What did you like about this course?
It was clear and had an engaging app and UX to it.
Sri-Ni.a year ago - What did you like about this course?
I really enjoyed the course and is highly recommended to anyone who wants to sharpen his skills or learn how to integrate stripe to his Next.js App
Salisu Shuaibua year ago - What did you like about this course?
Great tutorial for a practical real life scenario. Keep up the good work you are doing!
Aka year ago
Credits
Kamil KhadeyevCourse Content
You might also like these resources:
In this talk, we’ll explore the challenges of ecommerce in a static world. We’ll talk about what tools are available to us and how we can take advantage of them to build dynamic web apps with a practical example of a Next.js app.
By using the Next.js Image Component, you can add images to your project just like you would the standard img tag and be confident that you’ll be serving optimized images to your website visitors.
In this article, you will learn how to build a CMS for an ecommerce store with Next.js and Sanity.