任务管理UI

基于Next.js的任务管理用户界面,支持实时任务更新和REST API集成。

  • by Mjeevanantham
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 Mjeevanantham/mcp-todo-ui

使用说明

MCP ToDo用户界面(Next.js)

快速启动

  1. 安装依赖项:
    npm install
    
  2. 运行开发服务器:
    npm run dev
    
    打开http://localhost:3000

环境

UI从以下位置读取这些变量 .env.local:

  • NEXT_PUBLIC_WS_URL --WebSocket端点(渲染),例如。wss://mcp-todo-demo.onrender.com/mcp/ws
  • NEXT_PUBLIC_API_URL -REST API(Vercel),例如。https://mcp-todo-demo.vercel.app

备注

  • UI订阅 tasks 频道并显示实时事件。
  • 对于生产,建议使用安全令牌配置和服务器端分析。