Click on "Deploy 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 list the available tools on this MCP server"
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.
This template uses mcp-handler 2 and the MCP TypeScript SDK v2 to add a stateless MCP server to a Next.js App Router application.
Update app/mcp/route.ts with your tools, prompts, and resources following the MCP TypeScript SDK v2 documentation.
Start the application and connect an MCP client to:
http://localhost:3000/mcpRelated MCP server: Next.js MCP Server Template
The current 2026-07-28 MCP protocol is served natively.
Stateless clients using 2025-era Streamable HTTP are supported by the compatibility layer.
The deprecated HTTP+SSE transport is not supported. Redis is not required.
Requires Node.js 20 or later
Make sure you have Fluid compute enabled for efficient execution
scripts/test-client.mjs connects over Streamable HTTP, lists the available tools, and calls echo.
pnpm test:client -- https://mcp-for-next-js.vercel.appThis server cannot be deployed
A simple Typescript MCP server built using the official MCP Typescript SDK and smithery/cli. This…
Primarily to be used as a template repository for developing MCP servers with FastMCP in Python, P…
