← Back
Vercel
Vercel adds MCP Apps support with Next.js integration for AI agent interfaces
Next.jsVercel · featureplatformintegrationrelease · vercel.com ↗

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.