How to Build a Token-Gated Web3 App - Lock App with an NFT

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: thirdweb.com/thirdweb.eth/Dro...
GitHub Repo: github.com/thirdweb-example/g...
thirdweb API: thirdweb.com/dashboard/settingsa
Creating an API: • Start building blockch...
thirdweb Docs: portal.thirdweb.com/
Join our Community of over 30,000 Web3 builders: / discord
thirdweb Official Site: 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

[@magatoki_ohma]

The ability to change the service depending on whether or not you possess an NFT is important for the creation of the application! Thank you!

[@thirdweb_]

Glad the tutorial helped!

[@PootCoinSol]

Thanks for reminding me i need to add this to my Solana dapp.

[@kairunjoroge7157]

Hi, what's the link to the video/guide mentioned in the video about storing Private Keys' best practice?

[@leandrosilva6414]

Thanks i was looking on how to do this!

[@thirdweb_]

Awesome! Glad it helped 🎉

[@izikseun2639]

Lfg... Another master piece

[@thirdweb_]

🚀🚀🚀 Thanks!

[@px43]

40:00 "I'm just going to add some styling here to these divs" What sorcery is this?

[@MrParanormal39]

Any chance you will be doing a dao tutorial anytime?

[@thirdweb_]

We can add this idea to our list of potential videos ✅

[@MrParanormal39]

@@thirdweb_ awesome great work on the vids love how you break them up into smaller sections

[@ivanwinter3435]

What would it be if the has access function can be recognized as a function. I’m getting a error in nextjs, the address comes in, but the hasAccess function is not working. I even copied yours in the repo.. ??

[@thirdweb_]

This might be easier to solve through a ticket. You can provide the error and details of the issues. thirdweb.com/support

[@ivanwinter3435]

@@thirdweb_ you are awesome