a blog system based on React+Node
以NodeBlog为基础,开发一个React+Node的blog系统,简单可易用的系统。
需求:
- 完善的api接口,返回的是json数据,前端使用fetch获取数据。
- 后期使用electron开发桌面应用,用于本地写博客。(或许我可以写一个像hexo那样的可以部署到github上的桌面应用)
- 以我喜爱的material ui开发,后期设计自己的主题
- 有用户权限
- 留言系统就不自己做了
- post模型和user模型
- 正式部署到服务器上
未来计划:
- electron桌面应用
- 设计自己的主题风格
- 开发部署工具,部署到github上,静态博客
设计:
- 先以NodeBlog为基础完善后台api设计.
- react+redux+react-router+webpack2.0+mongodb+express(isomorphic)
详细踩坑经验见issue
node: v6.9.4
yarn: v0.20.3
installation yarn
run in devlopment: yarn run dev
run in production:yarn run build
&& yarn run serve
isomorphic-react-quickstart/ // root directory
├── client/
│ ├── assets/ //front-end resource
│ └── App-Client.jsx
├── common/
│ ├── action/
│ ├── component/
│ ├── container/
│ ├── reducer/
│ ├── store/
│ └── AppRoutes.js
├── config/
│ ├── default.js
│ └── development.js
│ └── production.js
├── server/
│ ├── api/ //RESTful api
│ ├── lib/
│ ├── logs/
│ ├── middlewares/
│ ├── models/ //DataBase Model
│ ├── public/ //all bundles resource
│ └── server.js //server side script
├── .babelrc
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── index.js //start project
├── package.json
├── postcss.config.js
├── README.md
├── webpack.config.dev.js
├── webpack.config.prod.js
└── yarn.lock