Introduction
Echo
Build AI apps without fronting the bill. Echo handles auth, billing, and metering so users pay for their own usage and you never touch infrastructure costs.
The problem with AI apps
Generative AI is changing the way we build apps. Build a strong UX, call out to powerful models over API and ship value to your users.
But these APIs are expensive and you, the developer, pay the bill.
You need to be prepared to
- Front API costs
- Manage API keys
- Cap usage from power users
- Build per-user auth, metering and billing
- Integrate Stripe
How Echo Fixes this
Drop in Echo as a replacement for the Vercel AI SDK and add an Echo Sign-In component. When users call OpenAI (or the other 100+ models we support), requests route through Echo and they pay for their own usage. You never front the costs.
Set a markup percentage (e.g. 50%), and every token your users consume generates instant revenue. Echo settles the provider bill and returns your profit.
No suprise bills, no API keys, no Stripe integration, and no infrastructure costs.
Starting Fresh
To get started on a new app, use the echo-start CLI tool, which scaffolds a pre-configured Echo project:
npx echo-start@latest --template nextyarn dlx echo-start@latest --template nextpnpx echo-start@latest --template nextbunx echo-start@latest --template nextThis will create a new Next.js app with Echo integration ready to go. For other templates and frameworks, check out our templates section.
Existing Apps
Three integration patterns:
- Next.js SDK — Server-side auth with automatic token management
- React SDK — OAuth2 + PKCE for secure client-side LLM calls
- TypeScript SDK — API keys for backends and CLI tools
The React and Next.js SDKs are opinionated wrappers around the TypeScript SDK, providing framework-specific patterns while the TypeScript SDK offers direct API access for maximum flexibility.
Templates
We provide a variety of ready-to-use templates to help you get started quickly with Echo:
Core Templates
- Next.js — Full-stack Next.js app with Echo integration
- React — Vite-powered React app with Echo SDK
- Assistant UI — Full-featured chat UI with
@assistant-ui/react
Feature-Specific Templates
- Next.js Chat — Chat interface built with Next.js and Echo
- Next.js Image Generation — Image generation app with Echo billing
- Next.js Video — Video generation app with Echo integration
- Next.js API Key — Server-side API key management template
- React Chat — Chat interface for React apps
- React Image — Image generation for React apps
All templates are available through echo-start or in the GitHub repository. Visit our templates documentation for detailed setup instructions.