Example MCP Server built on Next.js
About
An MCP (Model Context Protocol) server built with Next.js, providing tools, prompts, and resources using the MCP TypeScript SDK. Designed for developers who want to deploy a conformant MCP server on Vercel with a Redis-backed state layer.
Details
- Author
- MarkArmsrong
- Downloads
- 124
- Categories
- Other
Jump to
- Built with Next.js and deployed on Vercel
- Uses the official MCP TypeScript SDK
- Requires Redis for state persistence
- Optimized for Vercel Fluid compute
- Includes a sample client 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 MCP Server built on Next.jsCommand (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
Edit app/mcp.ts to define your tools, prompts, and resources following the MCP TypeScript SDK documentation. Deploy to Vercel with a Redis instance available via process.env.REDIS_URL and Fluid compute enabled. After enabling Fluid compute, adjust the max duration in app/sse/route.ts to 800 seconds if on a Pro or Enterprise account. A sample client script at scripts/test-client.mjs can be run with node scripts/test-client.mjs <url> to test invocations.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"example mcp server built on next.js": {
"yadathingy-MCP": {
"command": "node",
"args": [
"scripts/test-client.mjs",
"https://yadathingy-mcp.vercel.app"
]
}
}
}
}McpServers
{
"yadathingy-MCP": {
"command": "node",
"args": [
"scripts/test-client.mjs",
"https://yadathingy-mcp.vercel.app"
]
}
}Example MCP Server built on Next.js
Usage
Update app/mcp.ts with your tools, prompts, and resources following the MCP TypeScript SDK documentation.
Notes for running on Vercel
- 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/sse/route.ts and adjust max duration 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://yadathingy-mcp.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.
