How to Build an NFT Minting App: Enable Users to Mint NFTs with No Code (2024)

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.

*Mumbai testnet support has been officially deprecated. Transition to the Amoy testnet for improved scalability and reduced gas fees.*

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

thirdweb Engine Docs: https://portal.thirdweb.com/engine/ge...
How to setup local thirdweb Engine:    • Build scalable apps with a web3 backe...  

thirdweb API: https://thirdweb.com/dashboard/settings
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 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