How to Build an NFT Fiat Checkout with Stripe - Buy NFT with Credit Card
1.3 هزار بار بازدید -
4 ماه پیش
-
In this video learn how
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: discord
thirdweb Official Site: https://thirdweb.com/dashboard
thirdweb Twitter: 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
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: discord
thirdweb Official Site: https://thirdweb.com/dashboard
thirdweb Twitter: 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
4 ماه پیش
در تاریخ 1403/02/18 منتشر شده
است.
1,382
بـار بازدید شده