x402 Miniapp Builder

CDP E-Commerce, Wrapped In Neon

Show how Coinbase Developer Platform powers Farcaster-native stores. This surface now points straight to the deployed Next.js stack at app.mcintoshi.xyz, while still spotlighting OnchainKit checkouts, 402 paywalls, and telemetry tied into the Base OS.

Launch Miniapp Vercel Starter Clone Template

Commerce Native

Wallet, KYC, and receipts stay inside Coinbase rails for every frame.

Miniapp Ops

Miniapp guardrails bundled with middleware, notifications, and analytics.

Ship & Prove

Faster path from prototype to Base-ready storefront experiences.

CDP Commerce Stack

Everything here maps to the Coinbase Developer Platform configuration sitting inside .env: CDP API keys, resource wallet, and webhook secrets. The surface keeps the story high-level, while the README carries the wiring diagram.

OnchainKit

One-line wallet connect, checkout components, and receipt flows. Style tokens match this neon UI out of the box.

x402 Middleware

Applies 402 pricing tiers to Farcaster miniapps so each action can monetize in USDC instantly.

Telemetry & Ops

Notification client, Redis/Upstash channels, and Base metrics route straight into McIntoshi dashboards.

Live App

app.mcintoshi.xyz runs the Next.js + AI starter pulled into this repo, ready for scaling with the CDP credentials from .env.

CDP API key + secret Resource wallet Base / Base Sepolia

Miniapp Commerce Loop

  1. Warpcast frame launches the miniapp and detects miniapp context via @farcaster/frame-sdk.
  2. OnchainKit surfaces wallet connect plus cart UI, then routes intent through wrapFetchWithPayment.
  3. x402 middleware enforces price maps ($0.01 for micro boosts, $5 for premium unlocks) and relays to the CDP facilitator.
  4. Protected endpoints finalize fulfillment, record receipts, and send notifications back to Farcaster fids.

Keep this loop visible in stakeholder demos; deeper implementation notes now live in the README.

Reference Build · Vercel x402 AI Starter

The Vercel Labs starter ships with Next.js App Router, OnchainKit UI, AI chat surfaces, and x402 middleware pre-configured. Fork it to inherit:

Pair that repo with the CDP credentials documented in .env to prove out commerce-ready miniapps in minutes.

Deployment Signals

Environment

Flip NETWORK to base when the treasury wallet is funded. Keep secrets such as CDP_API_KEY_SECRET and CDP_WALLET_SECRET in DreamHost env vars.

Verification

Use ngrok or Vercel preview deployments to cast test frames and validate 402 responses before production.

Telemetry

Ship event logs to Redis/Upstash queues so Farcaster notifications and Base telemetry stay correlated.

Route Traffic

Update any references to point at https://app.mcintoshi.xyz so stakeholders jump directly into the deployed experience before diving into the README for build steps.

Docs & Next Steps

The granular setup guide, CLI commands, middleware snippets, and troubleshooting matrix now live in README.md next to this file. Hand off that doc to engineers while keeping this landing page presentation-ready.

Resources: CDP miniapp docs, OnchainKit, CDP Discord.