- 前台项目 - 考虑静态化 SEO 需使用服务端渲染框架,并友好 antd 组件 React 生态支持,所以使用 nextjs
- 后台项目 - 后台项目使用开源项目 antd-admin 二次开发,技术栈 react+dva+umijs
- 后端接口项目 - 基于 koa2 + mongodb 结构,全 es6 语法(本来想用 node10,但考虑兼容问题,还是用 babel-register 了)
- 线上预览: http://47.244.103.124:3006
- 主项目地址: https://github.com/seawind8888/Nobibi
(开发不易,走过路过赏个小星星呗~)
效果预览

包含功能
- 注册
- 登录( Token )
- 修改密码
- 修改资料
- 发布主题
- 评论主题
- 频道切换
- 最热讨论
- 点赞
- 响应式布局
- 收藏
- 分享(待开发)
- 积分(待开发)
架构图

遇到问题
- 无法使用 antd 的 Layout 组件,页面会抖动
- pages 目录下 js 文件文件引入 less,在 router 跳转后样式会失效(解决:把样式统一放到一个 less 文件)
- getInitialProps 为 next 服务端渲染钩子函数,layout 无法使用 getInitialProps 方法 https://github.com/zeit/next.js/issues/928
- next>7.0.2 会报 antd theme 样式文件引入错误,需更改.babelrc 文件配置 https://github.com/zeit/next.js/issues/6181