create-dapp-kit

Create a Next.js Web3 dapp with Wagmi and ConnectKit in seconds.

Features

Next.js 13+ with App Router
TypeScript
Tailwind CSS
shadcn/ui components
Wagmi for Ethereum interactions
ConnectKit for wallet connection
ESLint configured
Ready to use with WalletConnect

Quick Start

npx create-dapp-kit my-dapp
cd my-dapp
npm run dev

What's included?

Next.js 13+ setup with App Router
TypeScript and ESLint configuration
Tailwind CSS for styling
shadcn/ui for beautiful, accessible components
Wagmi hooks for Ethereum interactions
ConnectKit for beautiful wallet connection
Pre-configured with mainnet and sepolia networks
Environment variables setup for WalletConnect
Ready-to-use UI components and layouts

Requirements

Before running this, make sure you have:

Node.js 18.18.0 or later
A WalletConnect Project ID (get one from https://cloud.walletconnect.com)

Configuration

The generated project will ask for your WalletConnect Project ID during setup. This will be saved in .env.local.

You can customize:

Chains and RPC URLs in src/providers.tsx
UI components using shadcn/ui's CLI
Theme and styling through Tailwind configuration

License

MIT