How To Build An Online Checkout Page With Stripe.js, Vue.js and Express!

How To Build An Online Checkout Page With Stripe.js, Vue.js and Express!
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!

⚠️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

Create Shopping basket page With Vuejs and Nodejs

Vue.js Tutorial: Zero to Sixty

Learn Vue.js from Scratch - Full Course for Beginners

Getting Started with Node.js - Full Tutorial

Is Vue.js 3.0 Breaking Vue? Vue 3.0 Preview!