mcpskills.dev

MCPHub.dev——MCP服务器目录

MCP（模型上下文协议）服务器的最大目录。旨在产生自然搜索流量，并达到每日1000多名访客。

堆栈

• Next.js 14 （应用路由器，静态导出）
• Tailwind CSS 用于造型
• 速贝 用于时事通讯和提交（可选）
• 维塞尔 用于部署

本地开发

npm install
npm run dev
# → http://localhost:3000

部署到Vercel

1.推送到GitHub

git add -A
git commit -m "feat: initial MCPHub build"
git remote add origin https://github.com/YOUR_USERNAME/mcphub
git push -u origin main

2.通过Vercel部署

npx vercel --prod
# Or connect the repo at https://vercel.com/new

3.（可选）设置数据库

创建一个Supabase项目并运行以下SQL：

create table newsletter (
  id uuid primary key default gen_random_uuid(),
  email text unique not null,
  created_at timestamptz default now()
);

create table submissions (
  id uuid primary key default gen_random_uuid(),
  github_url text not null,
  category text not null,
  description text,
  submitter_email text,
  status text default 'pending',
  created_at timestamptz default now()
);

然后在Vercel中添加env变量：

NEXT_PUBLIC_SUPABASE_URL=https://xxx.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=...
SUPABASE_SERVICE_ROLE_KEY=...

交通策略（1000名游客/天）

SEO（主要驱动力）

60多台服务器中的每一台都有自己的索引页面：

• /servers/kubernetes → 目标“kubernetes mcp服务器”
• /servers/playwright → 目标“剧作家mcp服务器”
• /category/devops → 目标“用于devops的mcp服务器”

博客文章针对高容量查询：

• “什么是mcp”——每月50000多次搜索
• “mcp服务器列表”——快速增长
• “如何安装mcp服务器”--高意图

社区（中学）

• 张贴到 /r/ClaudeAI, /r/LLM，黑客新闻“Show HN”
• Alessandro的推特/领英（在云原生社区的影响力超过5万）
• KubeCon、KCD会谈——在演示中提到MCPHub

目录列表

• 提交至：Product Hunt、AlternativeTo、SaaSHub、人工智能

货币化选项

1. 特色房源 --每个特色服务器每月50美元
2. 通讯赞助 --1000多名订阅者
3. 联盟链接 --Supabase、Vercel、Cloudflare推荐朋友
4. “已验证”徽章 --公司付费验证服务
5. OpenClaw VPS联盟 --DevOps/Cloud部分中的横幅

添加更多服务器

编辑 data/servers.ts 并添加条目。每台服务器自动获得：

• 它自己的SEO优化页面位于 /servers/[slug]
• 分类页面中的列表
• 包含在站点地图中

文件结构

app/
  page.tsx          — homepage
  servers/
    page.tsx        — directory with filters
    [slug]/page.tsx — individual server pages (60+ SEO pages!)
  category/
    [slug]/page.tsx — category pages (12 pages)
  blog/
    page.tsx        — blog index
    [slug]/page.tsx — blog posts (3 starter posts)
  submit/page.tsx   — submission form
  sitemap.ts        — auto-generated sitemap
  robots.ts         — robots.txt
data/
  servers.ts        — 60+ server listings
  posts.ts          — blog posts
components/         — reusable UI components