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.
node scripts/test-client.mjs https://mcp-for-next-js.vercel.app
Recommend MCP Servers 💡
ipospelov/mcp-memory-bank
MCP server for building structured documentation systems based on Cline's Memory Bank pattern for context preservation in AI assistant environments
marcusdb/github-mcp-server-ts
MCP Server for GitHub API enabling file operations, repository management, search, and more.
llm-context
Share code with LLMs via Model Context Protocol or clipboard. Rule-based customization enables easy switching between different tasks (like code review and documentation). Includes smart code outlining.
A Model Context Protocol (MCP) server for WhatsApp that enables searching, reading, and sending messages (including media) via AI agents.
@timlukahorstmann/mcp-weather
A Model Context Protocol (MCP) server that provides hourly and daily weather forecasts using the AccuWeather API.
@kennyckk/mcp_hkbus
A MCP server providing real-time access to Hong Kong's KMB and Long Win Bus route information and arrival times.