Nuxt 3 Wagmi Web3Modal Example

WORK IN PROGRESS Important: Only working on Ethereum Mainnet (ChainId: 1) for the moment. May present errors or not show data in other chains.

Technologies used:

• Nuxt 3
• Bootstrap 5
• Web3Modal v2
• Wagmi / use-wagmi
• Viem

Live version: https://nuxt3web3.conrado.ar/

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

Check out the deployment documentation for more information.