How To Build An Online Checkout Page With Stripe.js, Vue.js and Express!
⚠️For the months of May and June, get your very own .TECH Domain and help children get their start in computer science!
https://go.tech/codewitherik
Setting up Stripe on your website has never been easier! In this web development tutorial we setup Stripe on a Vue.js app with Express.js in the background and use Stripe Checkout! Check it out!
👉Check out how my last video on React vs Vue
• React vs Vue: React Props And Childr...
0:00 Introduction
01:14 .Tech Domains
02:18 Frontend Setup
05:30 Creating A Product In Stripe
08:54 Setup Redirect To Product Page in Vue
15:40 Create Stripe.js Webhook
16:58 Setting Up Webhook Backend in Express
24:45 Creating A Local Tunnel To Test Webhook
28:46 Setup Custom Checkout Page in Vue.js + Stripe Elements
33:03 Adding in Loading
34:36 Adding in HandleSubmit To Backend For Stripe Payment
36:45 Creating Billing Details
38:00 Posting To Backend
39:20 Create Backend End Point For Creating Stripe Payment Intent
44:27 Test of Endpoint
45:21 Create PaymentMethod in Frontend
46:47 Create ConfirmPayment in Frontend
48:42 Redirect to Success Page
51:00 Testing it All out
🗂️ 🗂️ 🗂️
Links
/ erikch
https://github.com/ErikCH/StripeExamp...
https://github.com/ErikCH/StripeYTExp...
Watch video How To Build An Online Checkout Page With Stripe.js, Vue.js and Express! online without registration, duration hours minute second in high quality. This video was added by user Program With Erik 14 June 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 25,624 once and liked it 426 people.