Example Next.js MCP Server
About
# Example Next.js MCP Server **Uses `@vercel/mcp-adapter`** ## Usage This sample app uses the [Vercel MCP Adapter](https://www.npmjs.com/package/@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…
Details
- License
- MIT
Explore
- Integrates MCP server into Next.js routes via @vercel/mcp-adapter
- Supports SSE transport (requires Redis and Fluid compute)
- Deployable with Vercel’s Next.js MCP template
- Includes a sample client script for testing
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Example Next.js MCP ServerCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
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.
- To use the SSE transport, requires a Redis attached to the project under process.env.REDIS_URL
- Make sure you have Fluid compute enabled for efficient execution
- After enabling Fluid compute, open app/route.ts and adjust maxDuration to 800 if you using a Vercel Pro or Enterprise account
- Deploy the Next.js MCP template
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"example next.js mcp server": {
"opengov-mcp-server-vercel-nextjs": {
"command": "node",
"args": [
"scripts/test-client.mjs",
"https://mcp-for-next-js.vercel.app"
]
}
}
}
}McpServers
{
"opengov-mcp-server-vercel-nextjs": {
"command": "node",
"args": [
"scripts/test-client.mjs",
"https://mcp-for-next-js.vercel.app"
]
}
}Uses @vercel/mcp-adapter
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_URL
- Make sure you have Fluid compute enabled for efficient execution
- After enabling Fluid compute, open app/route.ts and adjust maxDuration to 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.
node scripts/test-client.mjs https://mcp-for-next-js.vercel.app
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
