全职 · Appnovation
DDC 食谱平台
响应式食谱和博客平台，集成 Sanity CMS，具备桌面/移动端布局和多语言支持。
- 角色
- 前端开发工程师
- 类型
- 在 Appnovation 全职工作期间开发
- 时间
- 2025.12 至 2026.01
增强食谱和博客平台，完整实现桌面和移动端响应式布局。集成 Sanity 无头 CMS 进行内容管理，实现作者显示系统，修复关键 URL 路由错误，并在多语言内容中保持视觉一致性。使用 Next.js 15 服务器组件和 Tailwind CSS 以实现最佳性能。
我做了什么
- 01实现食谱和博客页面的完整桌面和移动端响应式布局
- 02集成 Sanity 无头 CMS，具备类型安全的数据处理和本地化内容提取
- 03修复导致所有内部导航受影响的关键 URL 路由双斜杠错误
- 04增强博客卡片，添加作者显示并改进跨断点的排版
- 05处理 Sanity 图像优化、Portable Text 渲染和国际化内容结构
值得一讲的故事
通过 8 个合并的拉取请求贡献约 400 行生产代码
修复 3 个关键错误（URL 路由、移动端布局、字体一致性）
使用类型安全接口消费和显示 Sanity CMS 内容
在英语和繁体中文内容中保持视觉一致性
通过仔细的组件组合实现零破坏性更改
数字
- 8 个拉取请求
- 3 个关键修复
- Sanity CMS
- 多语言
技术栈
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS 4
- Sanity CMS 4
- next-intl
- Mux Video
- Zustand
- Zod