Back to Templates
%20server%20on%20Vercel%20with%20Next.js.&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F73N0dZEENNBHEK030NFGlR%2F643235f2fbd7c082c7333bb315fab891%2FMCP__6_.jpg&demo-title=MCP%20with%20Next.js&demo-url=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Fmcp-for-next.js&from=templates&project-name=MCP%20with%20Next.js&repository-name=model-context-protocol-mcp-with-next-js&repository-url=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Fmcp-for-next.js&skippable-integrations=1){kind=link}
Example Next.js MCP Server
Uses mcp-handler
Usage
This sample app uses the Vercel MCP Adapter that allows you to drop in an MCP server on a group of routes in any Next.js project.
Update app/[transport]/route.ts with your tools, prompts, and resources following the MCP TypeScript SDK documentation.
Notes for running on Vercel
- To use the SSE transport, requires a Redis attached to the project under
process.env.REDIS_URLand toggling thedisableSseflag tofalseinapp/mcp/route.ts - Make sure you have Fluid compute enabled for efficient execution
- After enabling Fluid compute, open
app/route.tsand adjustmaxDurationto 800 if you using a Vercel Pro or Enterprise account - Deploy the Next.js MCP template
Sample Client
script/test-client.mjs contains a sample client to try invocations.
Related Templates
Liveblocks Notion-like AI Editor
A Notion-like collaborative text editor with AI features built with Liveblocks, Lexical, Vercel AI SDK, and Next.js.
AI SDK Image Generator
An open-source AI image generator built with Next.js, the AI SDK, and various AI providers (Replicate, Fireworks, Google Vertex AI, OpenAI)
Block AI Bots Firewall Rule
Adds a rule to your Vercel Firewall that detects common AI Bots.
