Source link
In this video, learn how to build an NFT minter where you can allow anyone to sign in with just an email and be able to create their own NFT. NFT minters are similar to how anyone could create and mint NFTs on Opensea marketplace. In this tutorial we will be deploying our own ERC721 smart contract for out NFT collection and utilizing thirdweb’s Engine to easy handle the backend. This allows us to be able to abstract away any web3 user experiences from the user.
GitHub Repo: https://github.com/thirdweb-example/nft-minter-youtube
thirdweb Engine Docs: https://portal.thirdweb.com/engine/getting-started
How to setup local thirdweb Engine: https://youtu.be/HfZ6uVqC9JY
thirdweb API: https://thirdweb.com/dashboard/settings
Creating an API: https://youtu.be/G3bvXfE-OMg
thirdweb Docs: https://portal.thirdweb.com/
Join our Community of over 30,000 Web3 builders: https://discord.gg/thirdweb
thirdweb Official Site: https://thirdweb.com/dashboard
thirdweb Twitter: https://twitter.com/thirdweb
Timestamps:
00:00 Introduction to how to build an NFT minter app
00:45 Demo of NFT minter app and how it works
04:00 Deploy an ERC-721 NFT smart contract with thirdweb
06:45 Create and setup a new Next.js and Typescript project with thirdweb
09:30 Add support for embedded wallets (email and social login)
11:10 Build a navbar with links and a Connect Wallet component
14:45 Create image upload function for NFT image
24:40 Create input form to collect data for NFT metadata
28:45 Create API to request NFT mint using thirdweb’s Engine
44:00 Add a mint function to the button to call API request
51:00 Build a collection page to display all the NFT of the collection
57:53 Conclusion
date : 2024-01-05 13:00:06
views : 1877
likes : 55
rating :
found searching for nft programming tutorial
