How to Build an NFT Project - Deploy Smart Contract and Build Frontend App
thirdweb thirdweb
21.3K subscribers
3,542 views
82

 Published On May 21, 2024

In this video learn how to build a full NFT project from deploying your own ERC-721 NFT smart contract to build a frontend app to claim the NFT. Learn what an ERC-721 token is and how to setup you NFTs metadata.

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

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

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 NFT claim app
01:35 Overview of how to build an NFT project
02:27 Deploy an ERC-721 NFT smart contract
06:35 Setup NFT metadata and lazy mint NFTs to smart contract
13:15 Configure a claim condition to charge users for claiming the NFT
17:17 Create a new Next.js project with thirdweb Connect SDK
21:05 Get NFT smart contract metadata to display in app
30:20 Build UI to display NFT smart contract metadata
34:55 Build UI for NFT claim
41:00 View NFT smart contract and claimed NFTs in a marketplace
42:05 Reveal metadata of NFTs in collection
43:25 Conclusion

show more

Share/Embed