nextjs-usedapp-metamask-connect-24

This is a minimalistic project to show us how we can connect to metamask using useDapp in nextjs / react.

Requirements

• git
• Nodejs & npm
• Yarn
• Metamask
• vscode

Install git:

sudo apt install git-all

Install nodejs & npm:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
nvm install node

Install yarn:

 npm install --global yarn

Install vscode:

download and install the .deb package from the official Microsoft website, then run:

sudo apt install ./<file>.deb

Creat next.js app

 yarn create next-app nextjs-usedapp-metamask-connect-24

Run next.js app

yarn dev

ctrl + c stop server.

Install ethers.js

yarn add ethers@^5.7.2

or uninstall

yarn remove ethers

Install dependency

yarn add @usedapp/core@^0.10.0

Edit pages to realize project

I have deployed and approved SimpleStorage contract on sepolia for testing.

Quickstart

Clone and install dependencies:

git clone https://github.com/lightrao/nextjs-usedapp-metamask-connect-24.git
cd nextjs-usedapp-metamask-connect-24
code .
yarn