MCPcopy Create free account
hub / github.com/coinbase/onchain-app-template

github.com/coinbase/onchain-app-template @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
18 symbols 65 edges 25 files 0 documented · 0% updated 14mo ago★ 137

Browse by type

Functions 18 Types & classes 0
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
<img alt="OnchainKit logo vibes" src="https://raw.githubusercontent.com/coinbase/onchainkit/main/site/docs/public/logo/v0-27.png" width="auto">

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:

Deploy with Vercel

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

License

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

Support

For assistance, please contact us through: - Discord - GitHub Issues - X: @onchainkit, @zizzamia, @fkpxls

Core symbols most depended-on inside this repo

browse all functions →

Shape

Function 18

Languages

TypeScript100%

Modules by API surface

src/components/TransactionWrapper.tsx3 symbols
src/wagmi.ts1 symbols
src/svg/OnchainkitSvg.tsx1 symbols
src/svg/BaseSvg.tsx1 symbols
src/svg/ArrowSvg.tsx1 symbols
src/components/WalletWrapper.tsx1 symbols
src/components/WalletWrapper.test.tsx1 symbols
src/components/TransactionWrapper.test.tsx1 symbols
src/components/SignupButton.tsx1 symbols
src/components/SignupButton.test.tsx1 symbols
src/components/OnchainProviders.tsx1 symbols
src/components/LoginButton.tsx1 symbols

For agents

$ claude mcp add onchain-app-template \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page