Vercel AI SDK与MCP服务器演示
该项目演示了如何将Vercel AI SDK与MCP服务器（模型上下文协议）集成，以创建强大且易于使用的AI应用程序。
🛠️ 技术
📺 视频教程
本教程的视频已在YouTube上提供！
🚀 特征
- 与Vercel AI SDK的集成
- 使用 MCP 服务器实现扩展功能
- 现代响应式聊天界面
- 易于定制和扩展
🛠️ 先决条件
- Node.js 18级以上
- npm、纱线、pnpm或包子
- OpenAI帐户或兼容AI提供商
🚀 开始
- 克隆存储库：
git clone git@github.com:imzodev/nextjs-vercel-ai-sdk-mcp-tutorial.git
cd nextjs-vercel-ai-sdk-mcp-tutorial- 安装依赖项：
npm install
# o
yarn
# o
pnpm install
# o
bun install- 配置环境变量：
创建文件 .env.local 在项目的根目录中，添加您的OpenAI密钥API：
OPENAI_API_KEY=tu_api_key_aqui谷歌双子座：
GOOGLE_GENERATIVE_AI_API_KEY=tu_api_key_aqui- 启动开发服务器：
npm run dev
# o
yarn dev
# o
pnpm dev
# o
bun dev- 打开 http://localhost:3000 在您的浏览器中查看应用程序。
🧩 MCP服务器文件系统
该项目使用 用于文件系统的MCP服务器 允许安全地对文件系统进行读/写操作。该MCP服务器在本地运行，并提供以下功能：
- 目录导航
- 读取文件
- 文件搜索
- 元数据操作
当向聊天端点发出请求并配置为访问代码中指定的目录时，MCP服务器会自动启动。
📚 回顾
🚀 部署
您可以通过单击轻松将该项目部署到Vercel：
📄 许可证
这个项目是在麻省理工学院的许可下进行的。查看文件 许可证 更多细节。