Starter Project

The Starter Project is a complete dApp scaffold generated specifically for your contract. It includes everything you need to start building immediately.

What's Included?

Next.js 14 (App Router)

The latest React framework with server components support.

Tailwind CSS + Bento UI

Pre-configured design system with beautiful components.

RainbowKit + Wagmi

Best-in-class wallet connection and contract interaction.

TypeScript

Full type safety for your contract interactions.

Getting Started

Once you download the ZIP file:

Unzip the project:
```
unzip MyContract-starter.zip
```
Install dependencies:
```
npm install
```
Configure Environment:
Copy .env.example to .env.local and add your WalletConnect Project ID:
```
NEXT_PUBLIC_WC_PROJECT_ID=your_id_here
```
Start the dev server:
```
npm run dev
```

Project Structure

my-app/
├── app/
│   ├── components/    # Reusable UI components
│   ├── providers.tsx  # Wagmi & Query providers
│   └── page.tsx       # Main entry point
├── hooks/
│   └── useMyContract.ts # Generated contract hook
├── lib/
│   └── utils.ts       # Helper functions
├── public/            # Static assets
└── ...config files

Introduction

Guides

Support