Published On Jun 4, 2024
In this video learn how to build a web3 where you lock contents of you app and require that a user owns an NFT to access. Using thirdweb's Auth we'll create a token-gated web3 app where a user must hold an ERC-721 NFT in order to access the contents of the app
ERC-721 NFT smart contract: https://thirdweb.com/thirdweb.eth/Dro...
GitHub Repo: https://github.com/thirdweb-example/g...
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 a token-gated web3 app
02:15 Overview of how to build a token-gated web3 app
03:14 thirdweb Auth overview
05:54 Create a new Next.js project with thirdweb Connect SDK
08:00 Setup and configure thirdweb Auth
13:25 Create Auth functions
18:50 Create conditions to meet to gain access
22:05 Create a Connect Button component with Auth
26:45 Deploy an ERC-721 NFT smart contract
30:15 Create token-gated content page
39:00 Create an NFT claim page
42:55 Test full token-gated web3 app flow
44:30 Conclusion