从零打造一款支持SSR的全栈CMS系统_vue去年和朋友开发了一款轻量便捷的内容管理系统——「simpleCMS」, 且能同时适配PC端和移动端.

目前市面上已经有很多成熟的 「cms」 系统, 比如 「worldPress」, 博客系统 「hexo」, 对于技术开发者来说使用和部署很简单, 但是定制和自定义扩展方面, 却需要一定的技术门槛和开发成本.

基于以上一些痛点和局限, 我们开发了一款简单易用, 且天然支持服务端渲染(SSR)的全栈 「cms」 系统, 方便大家轻松定制自己的博客网站. 大家可以基于该项目扩展成自己的CMS系统或者博客网站.

你将收获


  • 收获一个完整的全栈项目
  • 对前端架构设计, nodejs有更深的理解
  • 参与一个高价值的开源项目, 让你简历更具竞争力
  • 对umi + react生态有更深的理解
  • 升职加薪, 学到前端进阶思维

技术架构和实现方案

为了降低大家的使用和部署成本, 我们采用了如下技术实现:


  • 服务层: 「koa2 + nodejs + jsonSchema」(当然其中还使用了很多​​nodejs​​中间件)
  • 前台页面: 「pug」(结合​​nodejs​​实现前后端同构, 且天然的​​ssr​​)
  • 后台管理: 「umi3.0 + react + antd + axios + typescript」(当然还用了很多前端插件, 比如富文本, ​​md​​编辑器)
  • 系统/服务器相关: 「linux / pm2 / nginx」

基本架构模式如下图所示:

从零打造一款支持SSR的全栈CMS系统_java_02

系统页面架构图:

从零打造一款支持SSR的全栈CMS系统_css_03