MCPcopy Index your code
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%
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

useWagmiConfig
called by 1
src/wagmi.ts
WalletWrapper
called by 0
src/components/WalletWrapper.tsx
LoginButton
called by 0
src/components/LoginButton.tsx
TransactionWrapper
called by 0
src/components/TransactionWrapper.tsx
handleError
called by 0
src/components/TransactionWrapper.tsx
handleSuccess
called by 0
src/components/TransactionWrapper.tsx
SignupButton
called by 0
src/components/SignupButton.tsx
OnchainProviders
called by 0
src/components/OnchainProviders.tsx

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