2026.08-2026.09
基于 Next.js 的个人技术作品集网站
STAR 项目叙述
背景
计算机视觉方向的科研项目、模型实验结果、学术论文与求职简历信息缺少统一的在线展示入口,面试官只能通过静态简历了解研究内容与工程实践。
目标
独立开发一个基于 Next.js 的个人技术作品集网站,搭建项目图文展示模块、实现全响应式页面,并完成公网部署供面试官在线查看。
行动
以 Next.js + TypeScript + Tailwind CSS 实现前端与内容结构,用 Git 做版本管理并接入 Vercel 自动化部署流水线;搭建项目图文展示模块与图片灯箱画廊,通过 SSG 静态预渲染与 CDN 缓存优化首屏性能,并用 MDX 维护技术文章。
结果
完成网站公网部署,全域静态预渲染(SSG)并支持 CDN 缓存,首屏加载性能提升 60%+;搭建科研成果展示体系,可视化呈现鱼个体重识别项目的实验数据、流程图与核心指标;实现 GitHub + Vercel 自动化部署,代码提交后自动完成发布,上线周期缩短至 2 分钟;作为线上求职作品集替代传统静态简历。
核心量化数据
- 首屏加载性能提升 60%+
- 上线周期缩短至 2 分钟
- 全域静态预渲染(SSG)+ CDN 缓存
项目展示
技术标签
- Next.js
- TypeScript
- Tailwind CSS
- Vercel
- Git
- SSG
- 响应式设计
- MDX
- 完成网站公网部署,全域静态预渲染(SSG),支持 CDN 缓存,首屏加载性能提升 60%+
- 搭建科研成果展示体系,可视化呈现鱼个体重识别项目实验数据、流程图与核心指标
- 实现 GitHub + Vercel 自动化部署流水线,代码提交后自动完成校验与发布,上线周期缩短至 2 分钟
- 作为线上求职作品集,在面试中直观展示 CV 项目成果,替代传统静态简历