README.md

next-react-mobx-antd-boilerplate

UI框架方面，集成了 https://ant.design/index-cn

基础功能

1 next

2 react

3 mobx 状态管理机，支持多 stores 文件

4 axios 请求和响应拦截器

5 antd UI应用

6 懒加载

7 css,less,image 加载

8 env多环境配置

开发坏境启动

1 npm install

2 启动Next服务：npm run dev

3 启动Node服务(后台接口)：npm run server

4 浏览器打开 http://localhost:3000

生产坏境部署

1 npm run build

2 npm run start

项目目录结构

next-react-ssr
├─.next                     ----项目编译目录
├─asserts                   ----项目资源文件目录
├─components                ----项目公用组件目录
├─utils                     ----工具类JavaScript
├─config                    ----项目请求路径配置
├─env                       ----环境变量配置
├─pages                     ----路由页面
├─seo                       ----SEO优化配置
├─server                    ----node后台接口服务器
├─server.js                 ----node服务器启动文件（接口&next同启动）
├─next.config.js            ----next配置文件
├─router.js                 ----next服务端路由文件
├─MongoDB                   ----项目表结构
└─stores                    ----mobx状态管理库

项目数据库

article -> 文件夹MongoDB/article (文章列表数据表)
timer -> 文件夹MongoDB/timer     (时间轴列表数据表)

项目示例链接

http://www.zhangxiao.club