Selling all the things: building online payments in JavaScript

on YouTube ↗01h 23m

" summary

Live demo builds a working payment flow with React Node and vanilla JavaScript: a client-only Stripe Checkout that redirects to a hosted page, a server-backed Checkout using payment sessions and a created payment intent, and an embedded form using Stripe Elements and Payment Intents that handles 3D Secure via stripe.js. The workshop wires webhooks over ngrok, uses Stripe test cards (including 3DS), and adds native wallets through the Payment Request API for Apple Pay and Google Pay, all shown succeeding end to end.

AI-written summary · about

" chapters (9)

1. 0:00Start
2. 24:16creating a checkout session for my stripe account
3. 29:07embed a credit card form into your own own website
4. 29:24build a check out form into your website
5. 31:41add a forum to your site
6. 44:28create a payment intent
7. 48:16create the payment intent
8. 1:09:49update your api keys
9. 1:18:05confirm the payment intent

" related talks

• 33mBuy my mixtape: the Payment Request API in actionJose Aguinaga · GDG DevFest Ukraine 2017
• 23mWeb Payment APIsJonni Nakari · jsDay 2018
• 16mSign-in and Payments without FormsEiji Kitamura · Polymer Summit 2016
• 24mServerless Functions and Vue.jsSarah Drasner · VueConf US 2018
• 34mKilling the checkout or: How I learned to stop worrying and love Payment RequestKrystian Czesak · Full Stack Fest 2018
• 16mAdd Flexibility to Your Site with Gatsby FunctionsBenedicte Raae · GatsbyCamp Fall 2021
• 18mAccepting Mobile Payments with React NativeNaoufal Kadhom · Chain React 2017
• 06mLightning Talk: Payment Request API in a React Higher-Order ComponentMarco Lanaro · Nordic.js 2017