Web2026
Personal Site 2026
以 Next.js、MDX 和现代设计系统构建的个人品牌与技术内容平台。
- 负责角色
- 设计 / 前端架构
- 项目成果
- Static-first platform
Static-first platform
01 · Challenge
问题不是完成一个页面
旧站点内容与样式高度集中，缺少博客、项目详情、设计系统和完整 SEO，同时必须保持 GitHub Pages 静态部署。
02 · Approach
把复杂度放进清晰边界
采用 Server Component 优先的模块架构、语义化 Token、静态内容模型和小型交互岛逐步重构。
03 · Outcome
交付真实、可持续的结果
建立可持续扩展至博客、AI 工具和国际化的个人网站基础，同时控制客户端 JavaScript 和视觉复杂度。
Highlights
- Dark First 设计系统
- Server Component 优先
- 静态生成
- 渐进式模块重构