Allows embedding an MCP server into any Next.js project on specific routes
Offers the @vercel/mcp-adapter package for easy integration of MCP servers into projects
Required for Server-Sent Events (SSE) transport when running on Vercel
Provides TypeScript SDK for defining tools, prompts, and resources in the MCP server
Enables deployment of MCP servers on Vercel, with support for Fluid compute for efficient execution
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Example Next.js MCP Servershow me how to add a new tool to the server"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Example Next.js MCP Server
Uses
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.
Related MCP server: Next.js MCP Server
Notes for running on Vercel
To use the SSE transport, requires a Redis attached to the project under
process.env.REDIS_URLMake 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
Sample Client
script/test-client.mjs contains a sample client to try invocations.