MCP Directory 项目使用教程

MCP Directory 项目使用教程

mcp-directory directory for Awesome MCP Servers 项目地址: https://gitcode.com/gh_mirrors/mc/mcp-directory

1. 项目的目录结构及介绍

MCP Directory 是一个用于展示优秀 MCP 服务器的目录项目。以下是项目的目录结构及各部分功能的简要介绍：

mcp-directory/
├── app/                       # 应用程序的主要目录
│   ├── components/            # 通用组件目录
│   ├── data/                  # 数据文件，如 SQL 脚本
│   ├── debug/                 # 调试相关文件
│   ├── models/                # 数据模型
│   ├── pagejson/              # 页面 JSON 数据
│   ├── providers/             # 服务提供者
│   ├── public/                # 公共文件，如图片、样式表等
│   ├── services/              # 业务逻辑服务
│   ├── templates/             # 模板文件
│   ├── types/                 # TypeScript 类型定义
│   ├── utils/                 # 工具函数
│   ├── .gitignore             # Git 忽略文件
│   ├── LICENSE                # 许可证文件
│   ├── Makefile               # Makefile 文件
│   ├── README.md              # 项目说明文件
│   ├── next.config.mjs        # Next.js 配置文件
│   ├── package-lock.json      # 包版本锁定文件
│   ├── package.json           # 项目包文件
│   ├── pnpm-lock.yaml          # pnpm 锁定文件
│   ├── postcss.config.mjs     # PostCSS 配置文件
│   ├── preview.png            # 预览图
│   ├── tailwind.config.ts     # Tailwind CSS 配置文件
│   └── tsconfig.json          # TypeScript 配置文件

2. 项目的启动文件介绍

项目的启动主要依赖于 pnpm 包管理工具。以下是启动项目的基本步骤：

1. 克隆项目到本地：

   git clone https://github.com/chatmcp/mcp-directory.git
   cd mcp-directory
   

2. 安装项目依赖：

   pnpm install
   

3. 准备数据库，创建一个 Supabase 数据库，并运行 data/install.sql 文件来设置数据库结构。

4. 设置环境变量，创建一个 .env 文件，并包含以下环境变量：

   SUPABASE_URL=your_supabase_url
   SUPABASE_ANON_KEY=your_supabase_anon_key
   NEXT_PUBLIC_WEB_URL=http://localhost:3000
   

5. 运行开发服务器：

   pnpm dev
   

6. 在浏览器中预览网站：

   打开 http://localhost:3000。

3. 项目的配置文件介绍

项目的配置主要通过以下几个文件进行：

• next.config.mjs: Next.js 的配置文件，用于定制 Next.js 的行为。

• tailwind.config.ts: Tailwind CSS 的配置文件，用于定制 Tailwind 的样式。

• .env: 环境变量文件，用于设置项目运行时需要的环境变量。

• tsconfig.json: TypeScript 的配置文件，用于配置 TypeScript 编译器的行为。

正确配置这些文件将确保项目能够顺利运行并按照预期工作。

mcp-directory directory for Awesome MCP Servers 项目地址: https://gitcode.com/gh_mirrors/mc/mcp-directory