How to add Wallet Connect and Metamask to your Dapps

In this video, we learn about how to connect wallet connect and Metamask using web3 react, nextJS, and make it live so anyone can use it. wallet connect, Metamask, connect wallets Dapps
Live Demo: web3-wallet-fi...
GitHub- github.com/its...
Twitter- / itsanishjain
Consider Like and comment for more viedos in web3 development.

[@kushagra.sarathe]

Nice video serrr 😁

[@pankajjoshi8292]

Thanks sir.

[@bloodylupin]

Hola, thanks for your precious content! I have a question: is it necessary to have both web3 core and ethers.js? Or is it possible to get both connections working on only one?

[@itsanishjain]

I am not getting your question but what I understand you mean you want to use both web3.js and etheres.js why

[@bloodylupin]

@@itsanishjain ey Boss thanks for your reply, I'll try to explain better: in the project we use Web3ReactProvider as a context from web3react/core and we pass as props a function that returns new ethers.providers.Web3Provider(provider)
Then for wallet connections we use web3-react/connectors and then for contract interaction we import Contract and providers again from ethers. Is this mandatory or we can have the same result using only 1 library?

[@itsanishjain]

@@bloodylupin Yes ser possible using 1 library only
you can check my code here
github.com/itsanishjain/allowlist
to work with wallets within complete app using web3React

[@StringifyPlayer]

how can i change connect address on dapp

[@itsanishjain]

well if you change the address from metamask or wallet connect it will change

[@abdulhakim8364]

can i run it on react js?

[@itsanishjain]

Yes I use Nxtjs to build that app but sure you can use nextjs which is same