主题
MOC：技术部署
快速入口
- 03-AI编程快速上站 — AI辅助开发上线全流程
- Vercel — 部署托管首选平台
- Cursor — AI编程必备工具
- Cloudflare全套配置 — CDN/DNS/SSL配置指南
概念卡片（6个）
| 卡片 | 一句话说明 |
|---|---|
| 服务器部署 | Vercel首选，Serverless架构优势 |
| Cloudflare生态 | CDN加速、DNS管理、SSL、Workers边缘计算 |
| 性能优化 | Core Web Vitals三大指标优化 |
| 域名邮箱 | Zoho Mail绑定域名邮箱，提升专业度 |
| Canonical标签 | 避免重复内容，URL规范化 |
| API调试 | 先测API再开发，Context7 MCP获取最新文档 |
工具档案（7个）
| 工具 | 一句话用途 |
|---|---|
| Vercel | NextJS最佳部署搭档，免费额度够用 |
| Cloudflare | CDN加速、DDoS防护、DNS管理 |
| Cursor | AI编程，代码合并必备 |
| Claude Code | 复杂修改、批量操作 |
| v0 | 原型设计、MVP快速生成 |
| bolt | 全栈AI原型，一键生成+部署 |
| Neon | 无服务器PostgreSQL，边缘环境连接 |
操作指南（3个）
| 指南 | 适用场景 |
|---|---|
| Cloudflare全套配置 | DNS/CDN/SSL/缓存/防火墙配置 |
| 性能优化清单 | Core Web Vitals、图片优化、缓存策略 |
| API调试指南 | 工具选择、错误排查、日志记录 |
原文汇编（63篇）
按主题分类：
- 部署上线：Vercel部署流程、GitHub集成、域名绑定
- 性能优化：Core Web Vitals、图片压缩、代码分割
- Cloudflare配置：DNS设置、SSL证书、缓存规则
- 域名管理：域名选择、黑历史检查、海外平台购买
- AI编程：4次对话开发流程、需求文档生成、模板合并
- 数据库：Supabase配置、Neon使用、边缘数据库
开发流程（4次对话）
| 对话 | 目的 | 工具 |
|---|---|---|
| 第1次 | 生成需求文档 | ChatGPT |
| 第2次 | 生成MVP原型 | v0/bolt/Cursor |
| 第3次 | 合并到模板 | Cursor |
| 第4次 | 批量修改模块 | Claude Code |
技术选型
| 层面 | 选择 | 原因 | 对应文档 |
|---|---|---|---|
| 前后端 | NextJS + Tailwind CSS | AI熟悉，基础设施完备 | 03-AI编程快速上站 |
| 数据库 | Supabase/Neon | 免费2项目，集成登录 | Neon |
| 支付 | Creem/Stripe/PayPal | 根据银行卡情况选择 | Stripe接入 |
| 部署 | Vercel | NextJS完美配合 | Vercel |
| CDN | Cloudflare | 全球加速、防刷 | Cloudflare全套配置 |
AI积木平台
| 平台 | 用途 | 备注 |
|---|---|---|
| OpenRouter | 文本模型 | 综合平台 |
| Replicate | 图片/音频模型 | 推荐 |
| 硅基流动 | 国内替代 | 中文友好 |
Starter Kit推荐
| 方案 | 特点 |
|---|---|
| shadcn-landing-page | 免费，需手动合并 |
| Shipfast | 热门模板 |
| SaasyKit | 支付集成 |
性能优化标准
| 指标 | 目标值 | 对应文档 |
|---|---|---|
| LCP（最大内容绘制） | <2.5秒 | 性能优化清单 |
| FID（首次输入延迟） | <100毫秒 | 性能优化清单 |
| CLS（累积布局偏移） | <0.1 | 性能优化清单 |
防坑要点
| 坑点 | 正确做法 |
|---|---|
| 需求文档缺API信息 | 必须包含API KEY、示例代码、示例输入输出 |
| Cursor一次做太多 | 先对齐颗粒度，分步执行 |
| 模型API文档过时 | 安装Context7 MCP自动获取最新文档 |
| 支付申请被拒 | 功能完整、添加Privacy Policy |
| 域名不被收录 | virustotal.com检查黑历史 |
| 国内购买域名 | namecheap/spaceship海外购买 |
域名配置工具
| 工具 | 用途 |
|---|---|
| instantdomainsearch.com | 批量查域名可用性 |
| virustotal.com | 查域名黑历史 |
| namecheap/spaceship | 域名购买（搜优惠码） |
相关SOP
- 01-认知与入门 — 域名购买步骤
- 03-AI编程快速上站 — 开发上线全流程
- 04-SEO优化配置 — Canonical标签配置
- 05-支付系统接入 — 域名邮箱配置
跨域链接
- 技术部署 ↔ SEO优化：Canonical标签 ↔ 技术SEO
- 技术部署 ↔ 支付收款：域名邮箱 ↔ Stripe接入
- 技术部署 ↔ 数据分析：性能优化 ↔ GA数据分析