05CASEAI 应用交付
个人独立站（本站）
Next.js 静态站，作品集与获客一体
FIG. 05SCALE 1:1
CaseA4
客户类型
自身品牌
项目周期
2026.05 – 至今
本人角色
设计、开发与部署
所属分类
AI 应用交付
Next.jsTailwindSEO静态部署
- 纯静态
- 可部署任意平台
- 6 页
- 含博客与案例详情
- 0 后端
- 维护成本极低
01
背景与痛点
CONTEXT- FDE 交付能力很难用一页简历说清楚：客户要看的是「你做过什么、怎么做的、结果如何」。
- 外包建站动辄上万，且改一次文案要找人，长期不可维护。
- To B 获客依赖搜索结果，站点必须有扎实的 SEO 基础，而不只是一个漂亮的落地页。
02
解决方案
SOLUTION- 01
内容结构按采购决策链路设计
首页建立信任 → 服务页说清能解决什么问题 → 案例页用「痛点 / 方案 / 成果」自证 → 关于页补履历与资质 → 联系页降低沟通门槛。
- 02
静态导出 + 组件化
Next.js 14 App Router + 静态导出，产物为纯 HTML/CSS/JS；案例、服务、文章均为数据驱动，加一条数据即多一个页面，不需要懂框架细节也能维护。
- 03
SEO 与可访问性基础
每页独立 title/description、语义化标签、sitemap、robots、结构化数据（Person / Service / BlogPosting），移动端优先排版。
03
交付成果
RESULT- 一套可自行迭代的个人品牌站，改文案只需编辑数据文件，无需重新找开发。
- 纯静态产物可部署到 Vercel、云服务器 Nginx 或任意 CDN，年成本可控。
- 上线即具备被搜索引擎收录的基础条件，作为长期获客与信任背书入口。