Back to MCP directory
publicPublicdnsLocal runtime

supabase-todo-app

一个基于React、TypeScript和Supabase的全栈Todo应用,包含用户认证、任务管理和实时更新功能。

article

README

🚀 Supabase 代办事项应用

这是一个完整的全栈代办事项应用程序,借助 React、TypeScript 等多种技术构建而成,能帮助用户高效管理待办事项,提供便捷的使用体验。

🚀 快速开始

先决条件

  • Node.js(推荐 v16+)
  • npm 或 yarn

安装

  1. 克隆仓库:
git clone https://github.com/yourusername/supabase-todo-app.git
cd supabase-todo-app
  1. 安装依赖项:
npm install
  1. 启动开发服务器:
npm run dev
  1. 打开浏览器并导航到:
http://localhost:5173

✨ 主要特性

  • 用户认证(注册、登录、注销)
  • 受保护的路由
  • 创建、读取、更新和删除代办事项
  • 使用 React Query 的实时更新
  • 响应式材质 UI 设计

📚 详细文档

项目结构

src/
├── components/    # UI 组件
├── context/       # React 上下文提供者
├── hooks/         # 自定义 React 钩子
├── services/      # API 和服务函数
├── types/         # TypeScript 类型定义
└── App.tsx        # 主应用程序组件

📄 许可证

该项目根据 MIT 许可证进行许可。

help

Runtime guide

cloud

Hosted runtime

Hosted servers run from a provider-managed environment. You usually connect the MCP client to the hosted endpoint or follow the provider's authorization flow, without keeping a local process alive

  1. Open provider connection page
  2. Authorize or copy endpoint
  3. Connect from your MCP client
terminal

Local runtime / other methods

Local servers run on your own machine or infrastructure. You normally copy the server_config into your MCP client, install the required package, and provide env variables from env_schema when needed

  1. Copy server_config
  2. Install required package
  3. Fill env variables and restart client