This is a minimalistic project to show us how we can connect to metamask using web3modal in nextjs / react.
- git
- Nodejs & npm
- Yarn
- Metamask
- vscode
sudo apt install git-all
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
nvm install node
npm install --global yarn
download and install the .deb package from the official Microsoft website, then run:
sudo apt install ./<file>.deb
yarn create next-app nextjs-web3modal-metamask-connect-24
yarn dev
ctrl + c stop server.
yarn add ethers@^5.7.2
or uninstall
yarn remove ethers
yarn add web3modal@^1.9.5
yarn add walletlink@^2.4.6
yarn add @walletconnect/web3-provider@^1.7.1
I have deployed and approved SimpleStorage contract on sepolia for testing.
Clone and install dependencies:
git clone https://github.com/lightrao/nextjs-web3modal-metamask-connect-24.git
cd nextjs-web3modal-metamask-connect-24
code .
yarn