Standalone Next.js + ConnectKit example

A minimal Next.js App Router project using ConnectKit, Wagmi v2, Viem, and React Query.

Setup

1. Install deps:

   npm install

   or

   yarn

2. Add your WalletConnect Project ID in .env.local:

   NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=your_project_id

   Optionally set NEXT_PUBLIC_ALCHEMY_ID or NEXT_PUBLIC_INFURA_ID.

3. Run dev server:

   npm run dev

   or

   yarn dev

Project structure

• app/layout.tsx – Root layout importing providers and global CSS
• app/providers.tsx – Wagmi, React Query and ConnectKit providers
• app/page.tsx – Simple demo page with Connect button
• config.ts – Wagmi config using ConnectKit’s getDefaultConfig
• styles/globals.css – Minimal global styles