Provides integration for Next.js applications, allowing MCP server implementation within a Next.js project's routing system
Provides support for SSE (Server-Sent Events) transport in the MCP server implementation through Redis connection
Utilizes TypeScript SDK for defining tools, prompts, and resources in the MCP server implementation
Enables deployment of MCP servers on Vercel's platform with support for Fluid compute capabilities and optimized 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 Server generate a Next.js API route with authentication middleware"
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.
Uses @vercel/mcp-adapter
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
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
script/test-client.mjs contains a sample client to try invocations.
node scripts/test-client.mjs https://mcp-for-next-js.vercel.appThis server cannot be installed
Unclaimed servers have limited discoverability.
If you are the server author, to access and configure the admin panel.
A comprehensive Model Context Protocol (MCP) server that enables AI assistants to interact with yo…
A Model Context Protocol server for Wix AI tools
MCP server for AI agents to plan, verify, and deploy Cloudflare-native apps.
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/AbdelatifAbualya/model-context-protocol-mcp-with-next-js'
If you have feedback or need assistance with the MCP directory API, please join our Discord server