Skip to content
VercelLogotypeVercelLogotype
LoginSign Up

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:

  • Discord
  • GitHub Issues
  • X: @onchainkit, @zizzamia, @fkpxls
GitHub
Ownercoinbase
Repositoryonchain-app-template
Use Cases
Web3
Stack
Next.js
Tailwind

Related Templates

Wallet Manager with Coinbase Developer Platform

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

Web3 Data Fetching

Fetching data from smart contracts
Web3 Data Fetching thumbnail

Agent Stack

  • AI SDK
  • AI Gateway
  • Sandbox
  • Workflows
  • EveNew
  • ConnectNew

Core Platform

  • CI/CD
  • Content Delivery
  • Fluid Compute
  • Observability

Security

  • Platform Security
  • WAF
  • Bot Management
  • Bot ID

Tools

  • Vercel DropNew
  • Vercel Agent
  • Vercel PluginNew
  • Next.js
  • Domains
  • v0

Frameworks

  • Nuxt
  • SvelteKit
  • Nitro
  • Turborepo
  • Tanstack Start
  • FastAPI
  • xmcp
  • All frameworks

SDKs

  • Vercel SDK
  • Workflow SDKNew
  • Flags SDK
  • Chat SDKNew
  • Queues SDKNew
  • Streamdown

Build

  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce
  • Platform Engineers
  • Design Engineers

Learn

  • Docs
  • Blog
  • Changelog
  • Knowledge Base
  • Academy
  • Articles
  • Community

Explore

  • Customers
  • Marketplace
  • Templates
  • Partner Finder
  • Vercel + AWS

Company

  • About
  • Careers
  • Press
  • Events
  • Startups
  • Shipped on Vercel
  • Open Source Program
  • Enterprise
  • Pricing
  • Help

Legal & Trust

  • Privacy Policy
  • Terms of Service
  • Cookie Policy
  • DPA
  • Acceptable Use Policy
  • Legal (all documents)
  • Trust Center
  • Status

Social

  • GitHub
  • X
  • LinkedIn
  • YouTube
  • Instagram
  • VercelVercel
Agent Stack
  • AI SDK
  • AI Gateway
  • Sandbox
  • Workflows
  • Eve
Core Platform
  • Security
  • Content Delivery
  • Fluid Compute
  • Observability
  • CI/CD
Tools
  • Next.js
  • Vercel Agent
  • Vercel Plugin
  • Domains
  • v0
Learn
  • Docs
  • About
  • Blog
  • Changelog
  • Knowledge Base
Build
  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce
Explore
  • Customers
  • Marketplace
  • Partner Finder
  • AWS
  • Community
EnterprisePricing
Contact
Log InSign Up
Dashboard

Products

Agent Stack

  • AI SDK
  • AI Gateway
  • Sandbox
  • Workflows
  • Eve

Core Platform

  • Security
  • Content Delivery
  • Fluid Compute
  • Observability
  • CI/CD

Tools

  • Next.js
  • Vercel Agent
  • Vercel Plugin
  • Domains
  • v0
Resources

Learn

  • Docs
  • About
  • Blog
  • Changelog
  • Knowledge Base

Build

  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce

Explore

  • Customers
  • Marketplace
  • Partner Finder
  • AWS
  • Community
Enterprise
Pricing
Sign UpLog In
Contact
DeployView Demo

Loading status…

Select a display theme: