Next.js Payments with Stripe Checkout
ฝัง
- เผยแพร่เมื่อ 3 ก.พ. 2025
- 🔥 Subscribe to my TH-cam + Turn on Notification Bells!
👉 / @bryanbrkic
The final project code can be found at:
github.com/lin...
Hey, Bryan here. I share videos that help web developers up their development skills!
Today I'll be sharing a quick tutorial showing you how to accept payments on a Next.js application using Stripe Checkout.
Here is an overview of the things you will learn in this tutorial project:
1. How to use the Stripe documentation.
2. How to create a Next.js project.
3. How to setup an endpoint in Next.js for creating a Stripe Checkout Session.
4. How to create products in Stripe.
5. How to use environment variables in Next.js.
6. How to use image optimization in Next.js.
7. And more!
To stay up to date with the best web development content, make sure you subscribe to My TH-cam channel Today!
I've leant alot from your series and almost watched every single one😂 , they're very informative , you're awesome Bryan ✌️ .
Thanks Alot .
welcome back
thank you!
how do i change stripe checkout page language?
Thanks, can you do one on using webhooks too?
Great, thanks.
Do you know why so when I run "npm run dev" in my terminal then get the local host, when I go to the local host it gives me a server error message that says "Error: The default export is not a React Component in page: "/" " What should I do to fix this?
Could try to export the component at the bottom of the file and see if that helps, so instead of doing something like "export default IndexPage = () => ..." you'd make the component and at the bottom do the "export default IndexPage". Another thing could maybe be that the first letter of the component isn't a capital letter though that might throw a different error than what you're seeing, I'm not 100% sure
@@bryanbrkic Thank you for your response and advice. The problem I think is in the index.js page. I’ve been experimenting with some stuff like putting export default in front of HomePage instead of at the end and then I’ve also tried changing HomePage from a const to a function. Nothing has worked so far. It gives the error now that HomePage is not defined. When I figure out what’s wrong I’ll definitely let you know.
You can do it with Binance API..Please?
haven't heard of binance until you mentioned it here, checked it out though and seems like something I might have to play around with aha
Great video again! Also is the Django & React E-Commerce Masterclass going to be updated to use Next.js?!
Thank you! And I'm working on putting together a separate course that will focus on Next.js and Django E-Commerce, so Django & React E-Commerce Masterclass will use client side React
@@bryanbrkic sounds great!!!