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!
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!
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
Suggest:
☞ Learn Vue.js from scratch 2018
☞ Vue js Tutorial Zero to Hero || Brief Overview about Vue.js || Learn VueJS 2023 || JS Framework
☞ Create Shopping basket page With Vuejs and Nodejs
☞ Vue.js Tutorial: Zero to Sixty
☞ Learn Vue.js from Scratch - Full Course for Beginners
☞ Build a Quiz App Using Vue JS | Vue JS Quiz App Demo | Vue JS Project Tutorial | Simplilearn