AI导哈

AI应用开发工具

该项目展示了如何将Vercel AI SDK与MCP Servers集成，以创建功能强大且易于使用的AI应用程序。

  • by imzodev
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 imzodev/nextjs-vercel-ai-sdk-mcp-tutorial

使用说明

Vercel AI SDK与MCP服务器演示

该项目演示了如何将Vercel AI SDK与MCP服务器（模型上下文协议）集成，以创建强大且易于使用的AI应用程序。

🛠️ 技术

📺 视频教程

本教程的视频已在YouTube上提供！

🚀 特征

  • 与Vercel AI SDK的集成
  • 使用 MCP 服务器实现扩展功能
  • 现代响应式聊天界面
  • 易于定制和扩展

🛠️ 先决条件

  • Node.js 18级以上
  • npm、纱线、pnpm或包子
  • OpenAI帐户或兼容AI提供商

🚀 开始

  1. 克隆存储库：

    git clone git@github.com:imzodev/nextjs-vercel-ai-sdk-mcp-tutorial.git
cd nextjs-vercel-ai-sdk-mcp-tutorial

  2. 安装依赖项：

    npm install
# o
yarn
# o
pnpm install
# o
bun install

  3. 配置环境变量： 创建文件 .env.local 在项目的根目录中，添加您的OpenAI密钥API：

    OPENAI_API_KEY=tu_api_key_aqui

    谷歌双子座：

    GOOGLE_GENERATIVE_AI_API_KEY=tu_api_key_aqui

  4. 启动开发服务器：

    npm run dev
# o
yarn dev
# o
pnpm dev
# o
bun dev

  5. 打开 http://localhost:3000 在您的浏览器中查看应用程序。

🧩 MCP服务器文件系统

该项目使用 用于文件系统的MCP服务器 允许安全地对文件系统进行读/写操作。该MCP服务器在本地运行，并提供以下功能：

  • 目录导航
  • 读取文件
  • 文件搜索
  • 元数据操作

当向聊天端点发出请求并配置为访问代码中指定的目录时，MCP服务器会自动启动。

📚 回顾

🚀 部署

您可以通过单击轻松将该项目部署到Vercel：

📄 许可证

这个项目是在麻省理工学院的许可下进行的。查看文件 许可证 更多细节。

相关 MCP