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...