mcp-on-edge

This project demonstrates an intelligent chat application using EdgeOne Pages Functions technology, which interacts with backend functions through a web interface. The architecture includes a Streamable HTTP MCP Server, an MCP Client, and a Backend API serving as the MCP HOST. This setup allows users to leverage MCP tool capabilities directly in the browser, enabling intelligent interactions such as generating online webpages with a single prompt. The system is built with a modern, responsive web interface using Next.js and React, and it deploys critical business logic on highly scalable EdgeOne Pages Functions. The MCP implementation is based on the latest specifications, providing robust context management and request routing capabilities, and it is compatible with OpenAI-formatted request and response handling.

Features

• {'name': 'Interactive Chat Interface', 'description': 'Modern, responsive web interface built with Next.js and React.'}
• {'name': 'High-Performance Edge Functions', 'description': 'Critical business logic deployed on highly scalable EdgeOne Pages Functions.'}
• {'name': 'Complete MCP Implementation', 'description': 'Model Context Protocol implementation based on the latest specifications, providing powerful context management and request routing capabilities.'}
• {'name': 'OpenAI Format Compatible', 'description': 'Backend API fully supports OpenAI-formatted request and response handling.'}

Usage with Different Platforms

mcp

{
  "mcpServers": {
    "edgeone-pages-mcp-server": {
      "url": "https://mcp-on-edge.edgeone.site/mcp-server"
    }
  }
}

local_development

bash
# Install dependencies
npm install
# Or use other package managers
yarn install / pnpm install / bun install

# Start development server
npm run dev
# Or use other package managers
yarn dev / pnpm dev / bun dev