Model Context Protocol (MCP) with Next.js

Run an MCP server on Vercel with Next.js.

Repositoryvercel-labs/mcp-for-next.js

Framework

Next.js

Use Case

StarterAI

CSS

None

Database

RedisUpstash

Example Next.js MCP Server

Uses@vercel/mcp-adapter

Usage

This sample app uses theVercel MCP Adapter that allows you to drop in an MCP server on a group of routes in any Next.js project.

Updateapp/[transport]/route.ts with your tools, prompts, and resources following theMCP TypeScript SDK documentation.

Notes for running on Vercel

• To use the SSE transport, requires a Redis attached to the project underprocess.env.REDIS_URL
• Make sure you haveFluid compute enabled for efficient execution
• After enabling Fluid compute, openapp/route.ts and adjustmaxDuration 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

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential