Next.js App Router

Integrate LunoKit with Next.js App Router for modern React development.

Environment Setup

Before running the example, you need to configure your WalletConnect ID:

1. Copy the environment file:

   cd examples/with-nextjs-app
   cp .env.example .env

2. Edit .env and replace NEXT_PUBLIC_WALLET_CONNECT_ID with your own WalletConnect ID:

   NEXT_PUBLIC_WALLET_CONNECT_ID=your_walletconnect_id

You can get a WalletConnect ID from WalletConnect Cloud.

Quick Start

git clone https://github.com/Luno-lab/LunoKit.git
cd LunoKit

# Install dependencies
pnpm install

# Build packages
pnpm build

# Start with-nextjs-app example
pnpm --filter with-nextjs-app dev

What You'll See

The example demonstrates:

• Basic LunoKit setup with Next.js App Router
• Server-side rendering support
• Wallet connection and account management

Source Code

View the complete source code: GitHub - with-nextjs-app