Connect front-end to solidity using wagmi | Next.js

Orbit Studio Guide 3 years ago

Descrizione

In this tutorial we have used wagmi for connecting our smart contract to the frontend where user can interact with smart contract using the frontend.

rainbow kit tutorial: https://youtu.be/uR9rhNWK7Yc

rainbowkit:
https://www.rainbowkit.com/docs/installation

wagmi :
https://wagmi.sh/react/getting-started

Github :https://github.com/rahulsingh3526/yt
email: koderrahul@gmail.com
hashnode blog: https://rahul3526.hashnode.dev/connect-frontend-to-solidity-using-wagmi


#wagmi #rainbowkit #wagmitutorial #nextjs



Demo :(0:00)
Solidity Code : (2:15)
How to interact theory : (11:00)
Objects : (13:52)
useState & useEffect : (16:50)
Object De-structuring: (20:40)
Get ABI : (22:44)
Hooks Import & Explanation: (25:45)
Why to follow me on blog : (9:15)
Combining all parts: (41:30)
Conclusion: (1:11:15)