professional
DDC 食谱平台
响应式食谱和博客平台，集成 Sanity CMS，具备桌面/移动端布局和多语言支持。
projects.detail.detailContext
角色
前端开发工程师
时间线
December 2025 - January 2026
类别
professional
8 个拉取请求
3 个关键修复
Sanity CMS
多语言
概述
增强食谱和博客平台，完整实现桌面和移动端响应式布局。集成 Sanity 无头 CMS 进行内容管理，实现作者显示系统，修复关键 URL 路由错误，并在多语言内容中保持视觉一致性。使用 Next.js 15 服务器组件和 Tailwind CSS 以实现最佳性能。
我构建了什么
- 实现食谱和博客页面的完整桌面和移动端响应式布局
- 集成 Sanity 无头 CMS，具备类型安全的数据处理和本地化内容提取
- 修复导致所有内部导航受影响的关键 URL 路由双斜杠错误
- 增强博客卡片，添加作者显示并改进跨断点的排版
- 处理 Sanity 图像优化、Portable Text 渲染和国际化内容结构
主要成就
- +通过 8 个合并的拉取请求贡献约 400 行生产代码
- +修复 3 个关键错误（URL 路由、移动端布局、字体一致性）
- +使用类型安全接口消费和显示 Sanity CMS 内容
- +在英语和繁体中文内容中保持视觉一致性
- +通过仔细的组件组合实现零破坏性更改
使用的技术
Next.js 15React 19TypeScriptTailwind CSS 4Sanity CMS 4next-intlMux VideoZustandZod
标签
Next.jsReactSanity CMSTypeScript响应式设计