📦

Next.js MCP Server Template

A starter Next.js project that uses the MCP Adapter to allow MCP clients to connect and access resources.

0 installs

344 stars

109 forks

Trust: 70 — Good

Devtools

Installation

npx mcp-for-next-js

Ask AI about Next.js MCP Server Template

Powered by Claude · Grounded in docs

I know everything about Next.js MCP Server Template. Ask me about installation, configuration, usage, or troubleshooting.

0/500

Uses mcp-handler

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.

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

script/test-client.mjs contains a sample client to try invocations.

node scripts/test-client.mjs https://mcp-for-next-js.vercel.app