MCP Hub
Back to servers

Example Next.js MCP Server

A template for integrating Model Context Protocol (MCP) servers into Next.js projects using the Vercel MCP Adapter. It enables developers to deploy MCP tools, prompts, and resources as API routes with optional support for Server-Sent Events.

glama
Updated
Mar 4, 2026
View Source
Claim this server

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_URL and toggling the disableSse flag to false in app/mcp/route.ts
  • 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
  • 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

Reviews

No reviews yet

Sign in to write a review