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

去年和朋友开发了一款轻量便捷的内容管理系统——「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」

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

系统页面架构图: