NextJS WalletConnect WAGMI + Viem

​

Repository

• Code: github.com/berachain/guides/tree/main/apps/walletconnect-nextjs
• README (raw): raw README

​

Requirements

• Node v20.11.0, npm
• WalletConnect Project ID — set in .env as NEXT_PUBLIC_PROJECT_ID
• MetaMask Mobile (or other WalletConnect-compatible wallet) for QR flow

​

Stack

​

Quick start

1. Clone and install
   git clone https://github.com/berachain/guides.git && cd guides/apps/walletconnect-nextjs
   npm install
   copy .env.example .env
   
   Add NEXT_PUBLIC_PROJECT_ID from WalletConnect Cloud.
2. Run
   npm run dev
   
3. In the app: Connect Wallet → WalletConnect → scan QR with MetaMask Mobile. Enter a greeting and click Deploy to deploy the contract; confirm in MetaMask.

​

Key files