Back to Apps
MCP Apps Next.js Starter
Supports UIby vercel-labs
Minimal Next.js starter for building interactive MCP Apps with integrated UI widgets.
0 stars
2 views
Works in:ChatGPTCursor
Exposes:ToolsResources
What it does
This starter kit provides a blueprint for creating MCP Apps—interactive UIs that MCP hosts render alongside tool calls. It combines a Next.js frontend (acting as the widget UI) with an MCP server endpoint, allowing for a seamless bridge between LLM tool results and rich React components.
Key features
- Pre-configured
useMcpApphook for easy state synchronization between host and UI. - Built-in MCP server route using
mcp-handlerand@modelcontextprotocol/ext-apps. - Sandboxed iframe-ready layout with CORS middleware for secure cross-origin access.
- One-click deployment to Vercel with automatic BASE_URL resolution.
Installation
- Clone the repo and run
pnpm install. - Set
BASE_URLin your.env(use ngrok for local dev). - Deploy to Vercel or host on a public HTTPS URL.
- Add the
/mcpendpoint to your MCP host.
Supported hosts
- ChatGPT
- Cursor
- Claude.ai
Quick install
pnpm installInformation
- Pricing
- free
- Published
- 4/23/2026
- stars
