AI导哈

MCP协议目录平台

MCP Base是一个社区驱动的网络平台，专注于Model Context Protocol（MCP）生态系统，作为发现、分享和组织MCP服务器和客户端的中心目录。

  • by berkayderin
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 berkayderin/mcp-base

使用说明

MCP基础模型上下文协议目录

MCP基座 是一个社区驱动的网络平台，专注于模型上下文协议（MCP）生态系统。该平台作为一个中心目录，用于发现、共享和组织MCP服务器和客户端。

特性

MCP服务器和客户端目录

  • MCP服务器和客户端的全面集合
  • 基于类别的过滤和搜索
  • 按GitHub星级排序
  • 基于人工智能的分析和描述

智能分类

  • 60+专业类别
  • AI模型集成、上下文管理、代理框架
  • 知识管理、开发工具、安全解决方案
  • 特定行业和技术领域

现代网络技术

  • Next.js 14应用路由器
  • TypeScript的类型安全
  • 采用Tailwind CSS的现代设计
  • 响应迅速，移动友好

博客和内容管理

  • MCP相关博客文章
  • Markdown支持的内容编辑器
  • 搜索引擎优化
  • 自动读取时间计算

安全数据库管理

  • Supabase PostgreSQL
  • 行级安全（RLS）
  • 实时更新
  • 自动备份

项目结构

mcp-base/
├── app/                     # Next.js App Router
│   ├── (legal)/            # Legal pages (privacy, terms)
│   ├── blog/               # Blog pages and slug routing
│   ├── clients/            # MCP client directory
│   ├── servers/            # MCP server directory
│   ├── globals.css         # Global styles
│   ├── layout.tsx          # Root layout
│   ├── page.tsx            # Homepage
│   └── providers.tsx       # Context providers
├── backend/                # Backend logic
│   ├── queries/            # Supabase queries
│   │   ├── blog.ts         # Blog CRUD operations
│   │   ├── clients.ts      # Client data
│   │   └── servers.ts      # Server data
│   ├── sql/                # Database schema
│   ├── supabase/           # Supabase configuration
│   └── types/              # TypeScript type definitions
├── components/             # React components
│   ├── core/               # Core application components
│   ├── layout/             # Layout components
│   ├── magicui/            # Custom UI components
│   └── ui/                 # Shadcn/ui components
├── data/                   # Static data files
│   ├── categories.ts       # Category definitions
│   └── faqs.ts             # FAQ data
└── helpers/                # Helper functions
    └── estimateReadingTime.ts

安装

先决条件

  • Node.js 18+
  • npm或纱线
  • Supabase账户

1.克隆存储库

git clone https://github.com/berkayderin/mcp-base.git
cd mcp-base

2.安装依赖项

npm install
# or
yarn install

3.设置环境变量

创建一个 .env.local 文件：

NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key

4.设置数据库

# Run the SQL files in backend/sql/ in Supabase SQL editor
# 1. 001-repo.sql - Main table structure
# 2. 002-blog.sql - Blog tables

5.启动开发服务器

npm run dev
# or
yarn dev

打开 http://localhost:3000 在您的浏览器中。

数据库模式

主要表格

servers 表格

- id (bigint): GitHub repo ID
- name (text): Repository name
- full_name (text): Full repository name (owner/repo)
- html_url (text): GitHub URL
- description (text): Description
- language (text): Programming language
- stars (integer): Star count
- categories (text[]): Category array
- ai_analysis (text): AI analysis
- slug (text): URL slug
- is_active (boolean): Active status

clients 表格

  • 结构与 servers 桌子
  • 专为MCP客户设计

blog_posts 表格

- id (string): UUID
- title (text): Article title
- description (text): Short description
- content (text): Markdown content
- keywords (text[]): Keywords
- slug (text): URL slug
- created_date (timestamp): Creation date

核心功能

搜索和筛选

  • 文本搜索：在名称、描述、语言和AI分析中搜索
  • 类别筛选器：按60+类别筛选
  • 分页：性能优化的页面导航
  • 排序：按星数自动排序

API终点

// Server queries
getTopServers(limit: number)
getServersWithPagination(page, pageSize, category)
searchServers(searchQuery, page, pageSize, category)
getServerById(slug)

// Client queries
getTopClients(limit: number)
getClientsWithPagination(page, pageSize, category)
searchClients(searchQuery, page, pageSize, category)
getClientById(slug)

// Blog operations
getAllBlogPosts()
getBlogPostBySlug(slug)

分类系统

内容按60多个专业类别组织：

  • AI/ML：模型集成、上下文管理、代理框架
  • 知识管理：知识库、矢量数据库、RAG系统
  • 开发者工具：CLI工具、代码生成、API框架
  • 安全：安全与隐私、人工智能安全、合规
  • 工业：企业、医疗保健、金融服务

UI/UX功能

设计系统

  • Shadcn/ui：现代组件库
  • 顺风CSS：实用程序优先的CSS框架
  • Radix UI：可访问的基本组件
  • Lucide图标：一致的图标系统

响应式设计

  • 移动优先策略
  • 平板电脑和桌面优化
  • 暗/亮模式支持
  • 普及标准

演出

  • Next.js应用路由器优化
  • 图像优化
  • 代码拆分
  • 静态发电（SSG）

开发脚本

# Development server
npm run dev

# Production build
npm run build

# Production start
npm run start

# Linting
npm run lint

# Code formatting
npm run format

# Format check
npm run format:check

贡献

  1. 分叉存储库
  2. 创建要素分支(git checkout -b feature/amazing-feature)
  3. 提交您的更改(git commit -m 'Add amazing feature')
  4. 推到分支(git push origin feature/amazing-feature)
  5. 创建拉取请求

添加MCP服务器/客户端

  • 创建GitHub问题
  • 共享存储库信息
  • 指定您的类别建议
  • 等待社区审核过程

链接

致谢

备注：该项目由社区驱动，与Anthropic没有正式联系。有关MCP协议的更多信息，请访问 Anthropic的官方文件.

相关 MCP