mcpField
E
Example Next.js MCP Server

Example Next.js MCP Server

本地服务
github.com/rajatsandeepsen开发工具174 周前更新
代码仓库

关于 Example Next.js MCP Server

Example Next.js MCP Server 是一个示例应用，展示如何使用 `@vercel/mcp-adapter` 在 Next.js 项目中添加 MCP 路由。项目还包含用于测试调用的示例客户端。

主要功能

  1. 01在 Next.js 中设置 MCP 路由
  2. 02配置工具、提示词和资源
  3. 03SSE 传输配置说明
  4. 04用于调用测试的示例客户端

适用场景

  1. 01在 Next.js 项目中添加 MCP 服务
  2. 02定义 MCP 工具、提示词和资源
  3. 03使用示例客户端测试服务调用

MCP 相关

示例使用 `@vercel/mcp-adapter` 在 Next.js 路由上提供 MCP 服务，并说明了在 Vercel 部署时配置 SSE 传输的要求。

#mcp#nextjs#bun#zod#aisdk#beckn-protocol

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 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 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。