挑战
管理一个健康与保健平台涉及策划大量内容(食谱、锻炼、教育材料),同时维护数据质量和合规性:
- 内容经理需要工具来创建和组织食谱、食材和膳食计划
- 管理员需要用户分析和订阅管理
- 医疗专业人员需要管理 FAQ 内容和活动建议
- OTP 验证和设备管理需要集中控制
我们的解决方案
我们构建了一个基于 React 的管理仪表盘,具有全面的内容管理功能,由共享的 NestJS 后端提供支持。
架构
- 前端:React 18.3 与 Vite 5.4,Ant Design UI 库,Zustand 状态管理
- 图表:ApexCharts 和 Recharts 用于分析可视化
- 富文本:Tiptap 和 React Quill 编辑器用于内容创建
- 日历:FullCalendar 集成用于日程安排
- 国际化:i18next 用于多语言管理支持
- 数据层:TanStack React Query 与 Axios
主要功能
- 用户管理 - 用户资料、分析和订阅跟踪
- 食谱管理 - 创建、编辑和分类带有食材的食谱
- 内容库 - FAQ、帮助文章、轮播内容和教育材料
- 视频管理 - 活动和情绪改善视频策划
- 分析仪表盘 - 用户参与度、订阅指标和内容表现
- 设备与 OTP 管理 - 集中验证和设备跟踪
成果
技术栈
常见问题
MicrocosmWorks 构建的管理后台具有基于角色的内容工作流,包括草稿、审核和发布状态以及编辑审批链,用于定时发布的內容调度,以及控制特定用户组查看特定内容的受众细分工具。该后台还包括内容绩效分析,显示每篇文章的参与度指标、项目注册率和用户反馈聚合,为内容管理人员提供了数据驱动的洞察,以规划未来的内容。
MicrocosmWorks 构建了一个灵活的内容块系统,编辑可以使用内容块库来撰写文章和项目,内容块包括富文本、带进度跟踪的嵌入式视频、用于引导冥想的音频播放器、交互式问卷和信息图表轮播。每种块类型都在管理界面内拥有自己的配置选项和预览功能,并且系统会自动优化媒体资产以适应不同的设备尺寸和带宽条件。
是的,MicrocosmWorks 实施了一个本地化工作流,其中每个内容项都支持具有独立编辑生命周期的多种语言版本,并且管理界面可以一目了然地显示所有支持语言的翻译完成状态。该系统包括一个并排编辑视图,翻译人员可以在其中查看原始内容及其翻译,以及在源内容更新且翻译需要修订时通知翻译人员的标记机制。
MicrocosmWorks 构建了一个完整的版本历史系统,该系统存储每个内容项的每个已发布版本,包含编辑者身份、时间戳和更改摘要,允许管理员一键查看、比较和回滚到任何以前的版本。这种审计追踪满足了健康相关内容平台的法规要求,即发布的信息必须可追溯,并且系统会无限期地保留版本历史,即使在内容被归档或删除之后也是如此。
MicrocosmWorks 以 $20-$40/小时 的费率构建定制的管理后台和内容管理系统,一个功能齐全的健康平台 CMS,包括内容工作流、多媒体支持、分析和角色管理,通常在 2-3 个月内交付。构建定制的 CMS 比许可企业级 headless CMS 平台用于健康内容更具成本效益,因为它避免了按席位定价,并允许原生实现临床审查工作流和合规审计追踪等健康特定功能。
