thirdweb: Release an NFT Drop Using thirdweb and IPFS
Learn how to release an NFT Drop using thirdweb and a Filebase IPFS Bucket.
thirdweb is an easy to use web dashboard for building Web3 applications. thirdweb makes creating and deploying apps such as NFT collection drops easy. Typically, NFT drops require coding of smart contracts and other scripts to mint the NFTs. thirdweb does that process for you, meaning there is no coding involved. thirdweb can be used with objects stored on IPFS, so objects stored in a Filebase IPFS bucket can be seamlessly uploaded for use with a thirdweb app.
Read below to learn how to create your own NFT Drop using thirdweb and Filebase without any coding required.
- Have some Mumbai testnet currency.
- Create a folder of images you’d like to use as NFT images for your drop.
- Have a website you plan to use to embed the finished app. This can be a simple WordPress site or a self-hosted website. This allows the public to have access to your NFT collection drop.
Then select 'Deploy Now'.
For this tutorial, we’ll be using the Mumbai testnet, so we are using a Mumbai wallet.
To do this, navigate to console.filebase.com. If you don’t have an account already, sign up, then log in.
Select ‘Create Bucket’ in the top right corner to create a new bucket for your NFTs.
Bucket names must be unique across all Filebase users, be between 3 and 63 characters long, and can contain only lowercase characters, numbers, and dashes.
These files need to be named in sequential order, such as 0.png, 1.png, 2.png, etc.
Take note of this URL.
You'll see an option for 'Batch Upload'. For this, you will need to create a CSV file with each NFT’s metadata, which includes the IPFS CID we just took note of.
Make a CSV with the following format:
Image 1 in the Filebase NFT Drop
Image 2 in the Filebase NFT Drop
Image 3 in the Filebase NFT Drop
Note: Each NFT must be named in sequential order (0,1,2,3,4, etc) followed by the desired file extension (.png, .jpg, etc).
Select ‘Next’ to continue.
You will be asked to authorize the transaction through your crypto wallet.
Select the ‘Set Claim Condition’ tab.
You can also set a wait time between transactions, and a limit on how many NFTs can be claimed per transaction.
Simply choose the ‘Embed’ tab from your project dashboard, then configure the IPFS Gateway to your preferred choice, and copy the Embed code to any website configuration.
Once embedded in a website, users can connect their Crypto wallet to the embedded Thirdweb app, and mint one of your NFTs!
If you have any questions, please join our Discord server, or send us an email at [email protected]