MCP Apps on Vercel
Vercel has added native support for building and deploying MCP Apps, an open standard for provider-agnostic embedded user interfaces. Unlike ChatGPT-specific apps, MCP Apps run inside iframes and communicate with any compatible host through a shared bridge, enabling true portability across platforms.
Key Technical Details
The architecture leverages ui/* JSON-RPC over postMessage, allowing a single UI to function seamlessly across multiple compatible hosts without requiring platform-specific customizations. This standardized communication protocol is crucial for developers building multi-platform AI agent interfaces.
Next.js Integration Benefits
By combining MCP Apps with Next.js on Vercel, developers gain access to:
- Server-Side Rendering (SSR) for optimal performance
- React Server Components for efficient data fetching
- Automatic deployment and scaling on Vercel infrastructure
- Portability across different AI platforms and hosts
Getting Started
Vercel provides a ready-to-deploy MCP Apps Next.js starter template to help developers quickly get started. Full documentation is available in the official guide.
Teams can begin building with a free Vercel account, with dedicated support available for Pro and Enterprise customers.