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.tsand 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.
vercel-labs/mcp-for-next.jsModel Context Protocol (MCP) with Next.js
Run an MCP server on Vercel with Next.js.
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.tsand 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.
Liveblocks Notion-like AI Editor
A Notion-like collaborative text editor with AI features built with Liveblocks, Lexical, Vercel AI SDK, and Next.js.
%20with%20Next.js&demo-url=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Fmcp-for-next.js&from=templates&products=%255B%257B%2522type%2522%253A%2522integration%2522%252C%2522group%2522%253A%2522redis%2522%257D%255D&project-name=Model%20Context%20Protocol%20(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}