mcpField
E
Example Next.js MCP Server

Example Next.js MCP Server

本地服务
opengov-mcp-server-vercel-nextjs.vercel.app云与基础设施077 周前更新
代码仓库访问官网

关于 Example Next.js MCP Server

这是一个使用 @vercel/mcp-adapter 在 Next.js 项目中添加 MCP 路由的示例，面向希望通过 MCP TypeScript SDK 配置工具、提示词和资源的开发者。

主要功能

  1. 01在 Next.js 中添加 MCP 路由
  2. 02自定义工具、提示词和资源
  3. 03配置 Redis 以使用 SSE 传输
  4. 04附带示例客户端脚本

适用场景

  1. 01在 Next.js 应用中添加 MCP 服务
  2. 02使用示例客户端测试服务调用

MCP 相关

该项目通过 @vercel/mcp-adapter 在 Next.js 项目中提供 MCP 路由，可自定义工具、提示词和资源，并支持 SSE 传输。

#opengov#nextjs#mcp-server

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址，请按项目 README 中的说明安装。

代码仓库

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。

详细介绍

Next.js MCP 服务示例

使用 @vercel/mcp-adapter

用法

此示例应用使用 Vercel MCP Adapter，可让你在任意 Next.js 项目中的一组路由上快速接入 MCP 服务。

按照 MCP TypeScript SDK 文档中的说明，使用你的工具、提示词和资源更新 app/[transport]/route.ts。

在 Vercel 上运行的注意事项

  • 要使用 SSE 传输，需要在项目中配置 Redis，并设置 process.env.REDIS_URL
  • 确保已启用 Fluid compute，以提高执行效率
  • 启用 Fluid compute 后，打开 app/route.ts，如果你使用 Vercel Pro 或 Enterprise 账户，请将 maxDuration 调整为 800
  • 部署 Next.js MCP 模板

示例客户端

script/test-client.mjs 包含一个示例客户端，可用于尝试调用。

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

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。