RainbowKit 🌈 🧰 Learn How to Build an NFT Minting Site with wagmi

In this video, you'll learn how to build an NFT Minting Frontend dApp in just a few minutes.
- Link to the example project on GitHub: github.com/rainbow-me/rainbow...
- Learn How to Install, Configure and Connect a Wallet: • RainbowKit 🌈 🧰 Learn ...
- Top up your wallet with Rinkeby Eth: rinkebyfaucet.com/
Learn more about RainbowKit on rainbowkit.com
Learn more about wagmi on wagmi.sh
0:00 - Intro
0:36 - Demo
1:05 - UI Overview
2:43 - Intro to wagmi
3:12 - Check wallet's connected state
3:44 - Mint functionality
5:15 - Wait for transaction
8:10 - Construct Etherscan and Opensea URLs
8:50 - Track number of minted NFTs
9:50 - Outro
Built by Rainbow 🌈

[@jasonwhittaker3940]

Excellent tutorial and knowing about those hooks and why you would use them are so helpful.

[@gonzaotc]

Great tutorial!, loving wagmi and rainbowkit so far. The prepare and write hooks are amazing.

[@Rainbowdotme]

Thanks so much!

[@GeorgeDonnelly]

These are wonderful tutorials... Please make more!

[@smakosh]

Really great video! keep them coming!

[@Rainbowdotme]

thank u 🌈🌈🌈

[@nints_shorts]

Great Tutorial

[@_D3adB0y_]

Would love to see more of these! With the latest updates to Moralis they made things so much harder to figure out. I have been trying to find an easier way to interact with web3 and this for sure is it. Gonna be updating my project to use Rainbowkit + wagmi now.

[@Rainbowdotme]

Hi fren, thats great news! Hit us up on GitHub or Twitter if you have any issues and we'll be glad to help.

[@chibuzoraustine]

yo, i thought i was the only one having issues with moralis lately. Everything about moralis lately is filled with bugs ... sometimes i'm not able to connect wallet on mobile. sometimes wallet connect on mobile fail to keep user state when you reload page. i'm sick of moralis. i'm hear looking for something new. thank you rainbow

[@sicktastictv]

Great video Pedro!

[@Rainbowdotme]

thanks bb

[@vinchbat]

Very good, as usual.

[@Rainbowdotme]

thank u Vincent, appreciate it!

[@ephcrat]

Hey Pedro! Great video, I really appreciate it 🙌. It'd be nice if there were some starter files for the next videos to make it easier to follow along while watching the tutorial.

[@Rainbowdotme]

thank u fren! yesss, this video was based off one of our official examples, there's a link to it in the description 👆(or here github.com/rainbow-me/rainbowkit/blob/main/examples/with-next-mint-nft/)

[@atomauro]

love this cowboy

[@SUNGWONG5]

nice content

[@eno7x189]

Thanks for the video. So how do we do this if we want to Mint multiple NFTs? In the scenario where the smart contract is suitable for multiple editions

[@chungvuong2901]

i have a smart contract address from backend and need to send parameter, how do i do it thanks

[@_D3adB0y_]

Hey Pedro how would I input an array of tokenIds into args? I can't seem to get my function working with it.

[@matteoandreoli1400]

how can i use "isConnected" in other files? I have the Connection button in the navbar.js and want to know if is connected in my Mainmint.js.
thank you

[@Xyclopz]

great video man.. but is there any way to and a feature to mint multiple nft at once?

[@anupadhikari7317]

how to get sighner with this wagmi so that i can usewith ether js as well

[@siyamthandandzima3086]

Great video pedro, I Integrated my DApp with Rainbowkit ,So when when I connect the wallet , It automatically connect to all other buttons on my DApp . So don't you know a way that I can handle this issue ,So that I can connect one button at a time .

[@Rainbowdotme]

Hey Siyamthanda, would you mind raising an issue on our GitHub repo and we can start a convo there! Thanks github.com/rainbow-me/rainbowkit

[@jeromemadla]

Hi bro how about limit per wallet and whitelist? Can you make a tutorial from deploying a contract and minting dapp?

[@jeromemadla]

I really appreciate your tutorials. Thank you!

[@Rainbowdotme]

​@@jeromemadla hey fren! love your suggestion, thank u!

[@jeromemadla]

@@Rainbowdotme Thank you so much! I will wait for your video. Good luck!

[@mikedargie6343]

Also waiting for this video!

[@songtaiJin]

In fact, people would prefer 🌈 with wagmi if they didn't get 82 errors every time they use the npm terminal

[@merrygold9409]

We need a vidio in which we show the NFT that we minted live in the website using Wagmi please

[@Rainbowdotme]

Great idea fren

[@athreas]

commands are outdated... any help?

[@MrSk8L8]

What song is in the background?

[@_ped_]

Blazo - Natural Green

[@skylarbarrera2221]

🥵

[@Rainbowdotme]

❤