How to Build an NFT Fiat Checkout with Stripe - Buy NFT with Credit Card
thirdweb thirdweb
21.3K subscribers
1,657 views
61

 Published On May 7, 2024

In this video learn how to build an NFT credit card checkout. This will allow a user to pay using Stripe and using Stripe's webhooks, we can mint the user an NFT when we see the payment was successful.

ERC-721 NFT smart contract: https://thirdweb.com/thirdweb.eth/Tok...

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

thirdweb API: https://thirdweb.com/dashboard/settingsa
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 Demo of an ERC-721 staking app
01:40 Overview of how to build an NFT credit card checkout with Stripe
02:30 Deploy an ERC-721 NFT smart contract
04:20 Create a new Next.js project and install thirdweb and Stripe
05:45 Setup and configure thirdweb Connect SDK
10:05 Add a connect wallet component to your web3 app
13:30 Get NFT smart contract to use within our web3 app
15:00 Get and display NFT smart contract metadata in web3 app
17:45 Create a Stripe credit card payment element
23:10 Create a Stripe client payment intent
32:10 Create Stripe webhook to trigger Engine to mint NFT for user
42:10 Setup Stripe locally to listen to payment and test minting NFT
45:50 Conclusion

show more

Share/Embed