How to Build a Token-Gated Web3 App - Lock App with an NFT
thirdweb thirdweb
21.3K subscribers
1,617 views
49

 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

show more

Share/Embed