使用 Neon MCP 和 Waku 的 React 服务端组件实验

使用 Neon MCP 和 Waku 的 React 服务端组件实验

演示如何通过 Neon 的 MCP 服务器和 Waku 在 React 服务端组件中集成 Anthropic API。

快速入门

  1. 准备环境

    • 获取 Neon API 密钥和 Anthropic API 密钥。
    • .env.example 文件重命名为 .env,并填入你的 API 密钥。
  2. 安装依赖 运行以下命令安装项目依赖: npm install

  3. 启动开发服务器 运行以下命令启动开发服务器: npm run dev

  4. 核心组件

    • Chat 组件(服务端):处理服务器请求。
    • ChatForm 组件(客户端):管理输入框消息并发送至服务器。
  5. 参考资料