Next.js SaaS应用中集成MCP Server并对接CopilotKit的标准实现方案问询

各位大佬好，我目前是AI领域的纯新手，正在给我的Next.js SaaS项目做MCP Server集成，过程中越研究越懵，想请教下大家标准的实现路径是什么：

最开始我以为MCP Server是最难的部分，调研后发现它本质上好像就是用REST API写业务逻辑，把应用的资源封装成工具供客户端调用，这部分我的理解应该没错吧？

反而客户端部分让我头疼，一开始以为很简单，但发现根本没有统一的标准方案，找了一圈觉得CopilotKit是最容易集成到Next.js里的，也知道用<CopilotKit publicApiKey="<我的密钥>">包裹应用内容就行，但完全搞不懂客户端背后是怎么和MCP Server交互的，感觉都是CopilotKit在后台处理。

现在最核心的问题是：我自己写的MCP Server怎么和CopilotKit对接？比如我按照MCP SDK写了一个Node.js服务，代码大概是这样的：

import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
import { z } from "zod";

const NWS_API_BASE = "https://api.weather.gov";
const USER_AGENT = "weather-app/1.0";

// Helper function for making NWS API requests
async function makeNWSRequest<T>(url: string): Promise<T | null> {
  const headers = {
    "User-Agent": USER_AGENT,
    Accept: "application/geo+json",
  };
  try {
    const response = await fetch(url, { headers });
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    return (await response.json()) as T;
  } catch (error) {
    console.error("Error making NWS request:", error);
    return null;
  }
}
// 后续还有MCP Server的注册逻辑...

我原本以为会有一个地方可以上传这个服务器的配置，让CopilotKit的组件自动获取上下文，但显然不是这么回事。后来又看到CopilotKit里的Backend Actions，还有第三方工具Composio，完全搞不清这些和我要做的MCP Server是什么关系，现在彻底不知道该往哪个方向走了。

想请教大家：要实现一个能让AI Agent查询应用数据、执行指定操作的MCP Server，并且和CopilotKit打通，标准的步骤应该是怎样的？

内容来源于stack exchange