In this video, learn how to create an app that allows users to to purchase an NFT with a credit card. We will be using Stripe to accept credit card payments then triggering thirdweb Engine to claim an NFT to the user's wallet.

*Mumbai testnet support has been officially deprecated. Transition to the Amoy testnet for improved scalability and reduced gas fees.*

Github Repo: https://github.com/thirdweb-example/e...

Stripe-js Docs: https://stripe.com/docs/stripe-js/react
Stripe CLI: https://stripe.com/docs/stripe-cli

Setup Engine locally:    • Build scalable apps with a web3 backe...  
Engine Docs: https://portal.thirdweb.com/engine

thirdweb API: https://thirdweb.com/dashboard/settings
Creating an API:    • Start building blockchain apps: Getti...  

thirdweb Docs: https://portal.thirdweb.com/

Join our Community of over 30,000 Web3 builders:   / discord  
thirdweb Official Site: https://thirdweb.com/dashboard
thirdweb Twitter:   / thirdweb  

Timestamps:
00:00 Introduction to getting started with Engine
00:45 Demo of credit card NFT checkout
02:55 Why use Engine in a credit card use case
04:55 Create a new Next.js web3 application
05:45 Install thirdweb and setup web3 application
08:10 Create a claim page and display NFT with Connect Wallet button
15:30 Setup Stripe API and add payment elements
17:00 Create Stripe form component for NFT credit card payment
19:45 Create Stripe API for payment intent
22:15 Create onClick function to create payment intent and show payment form
24:35 Setup Stripe web hook and thirdweb Engine to claim NFT with confirmed payment
29:45 Setup Stripe CLI
31:00 Setup thirdweb Engine locally
39:10 Conclsuion