国内 AI Coding Plan 的 SSR 对比页。当前版本覆盖智谱AI、MiniMax、字节·方舟、阿里·百炼、Kimi 共 5 家厂商、6 个套餐,帮助用户在一个页面内完成价格、请求量、延迟、稳定性、免费档和社区反馈的横向比较。
- 服务器端首屏渲染,页面 HTML 直接包含套餐内容和推荐结论
- 本地
data/plans.json数据源,无数据库、无后台 - 推荐 Banner:性价比、低延迟、稳定性三类固定推荐
- 表格支持厂商、预算、延迟筛选,以及价格、请求量、评分、性价比排序
- 每行支持展开详情,查看社区链接、免费档、原始备注、复核日期
npm install
npm run dev开发服务器默认地址是 http://localhost:3000。
npm run lint
npm run test
npm run build
npm run start -- --port 3002lint:ESLint 静态检查test:Vitest + Testing Librarybuild:Next.js 生产构建start:用生产构建结果启动本地验证服务
所有套餐内容都来自 data/plans.json。更新流程只有三步:
- 编辑
data/plans.json - 运行
npm run test和npm run build - 提交变更
每条记录的核心字段如下:
updatedAt和quality.reviewedAt会影响页面上的最近复核时间monthlyRequests: null表示套餐页未标注freeTier: null表示当前没有免费档信息
- Next.js 15 App Router
- React 19
- Tailwind CSS 4
- TypeScript 5
- Vitest + Testing Library
- 页面入口:
app/page.tsx - 对比逻辑:
components/PlanTable.tsx - 数据读取与推荐计算:
lib/plans.ts - 数据源:
data/plans.json
{ "vendor": "智谱AI", "plan": "Lite", "monthlyPriceCny": 59, "monthlyRequests": 12000, "models": ["GLM-5.1 Air"], "updatedAt": "2026-04-10", "quality": { "latency": "low", "stability": "stable", "score": 4.1, "communityLinks": [{ "title": "开发者社区反馈", "url": "...", "source": "X" }], "reviewedAt": "2026-04-10" }, "freeTier": { "available": true, "requests": 500, "models": ["GLM-4.5 Air"], "note": "注册即送体验额度,无需信用卡。" } }