Coinbase Onchain

Build on Base with OnchainKit. Includes wallet connection, transaction flows, and onchain data fetching.

DeployView Demo

This is an auto-uploaded thumbnail from https://vercel.com/templates/submit.

Onchain App Template

An Onchain App Template built with OnchainKit, ready for deployment on Vercel.

Demo: https://onchain-app-template.vercel.app

Quick Start

Deploy to Vercel

Deploy directly to Vercel with one click:

Note: Configure environment variables in Vercel project settings after deployment.

Manual Setup

Environment Variables

Configure a .env file with the following variables (reference .env.local.example):

# Obtain from https://portal.cdp.coinbase.com/products/onchainkit
NEXT_PUBLIC_CDP_API_KEY="GET_FROM_COINBASE_DEVELOPER_PLATFORM"

# Obtain from https://cloud.walletconnect.com
NEXT_PUBLIC_WC_PROJECT_ID="GET_FROM_WALLET_CONNECT"

You can obtain the API key from the Coinbase Developer Portal's OnchainKit page. If you don't have an account, you will need to create one.

For the Wallet Connector project ID, visit Wallet Connect and create/access your project.

Local Development

# Install bun
curl -fsSL https://bun.sh/install | bash

# Install dependencies
bun i

# Start development server
bun run dev

Resources

OnchainKit Cursor Rules
OnchainKit llms.txt
OnchainKit Documentation
OnchainKit Early Adopter Contract by neodaoist [X]

License

This project is licensed under the MIT License - see the LICENSE [blocked] file for details.

Support

For assistance, please contact us through:

GitHub Repocoinbase/onchain-app-template

LicenseView License

Use Cases

Web3

Stack

Next.js

Tailwind

Related Templates

Web3 Data Fetching

Fetching data from smart contracts

Wallet Manager with Coinbase Developer Platform

Wallet manager dashboard built with Coinbase Developer Platform to create and manage wallets, track balances, and fund wallets.