项目概览
yaokai.me 是我的个人网站，也是一套小型内容系统。它负责展示简历、真实项目、文章和联系入口，后台可以管理文章、项目、动态和留言。
Loading content
我的角色
信息架构、视觉设计、全栈实现、内容后台、部署脚本与生产运维
核心问题
网站要同时服务求职、作品展示、写作和联系，还要中日英语言切换稳定。
解决方案
用 Next.js + Prisma 做前台和后台，精简导航，突出两个真实产品，并让文章页面成为后台可持续发布的入口。
最终结果
本站成为可部署、可维护、可扩展的个人内容系统，代码公开在 GitHub。
我的角色
- 首页重构
- 三语文案
- 作品与简历整合
- 后台 CMS
- 部署脚本
- SEO 与 sitemap
核心问题
- 语言切换状态
- 真实作品取舍
- 后台与前台边界
- 生产部署安全
解决方案
- 基于路径和 cookie 的 locale
- 保留文章后台
- 隐藏不必要页面入口
- 部署时保留生产数据
架构设计
Next.js App Router 负责页面；Prisma 管理内容；proxy 根据语言前缀写入请求头；部署脚本打包上传到服务器并保留生产环境变量和数据库。
- Next.js 16
- React
- TypeScript
项目背景
yaokai.me 是我的个人网站，也是我自己使用的内容后台。它要承担简历、作品、文章、联系入口和长期更新的职责。
技术结构
- Next.js 16 / React / TypeScript。
- Prisma 管理文章、项目、动态和留言。
- Tailwind CSS 建立简历同源的视觉风格。
- proxy + cookie + path prefix 支持中日英三语。
- 部署脚本负责打包、上传、迁移、构建、重启和生产检查。
复盘
这次重做的核心不是加更多页面，而是删掉噪音，把真实作品和当前身份说清楚：我是 Machi 和 Shangence 的开发者，也能把一个 Web 产品从想法推进到上线。
