isomorphic-redux-forum
About
基于React->Node->Mongo技术栈的类CNode社区同构单页Web应用,关于此项目开发过程中的经验总结移步我的技术博客相关文章:使用React SSR构建Isomorphic应用
用到的技术栈
- React 构建Web组件
- React-router 客户端路由及ssr路由
- redux 管理应用state
- react服务端渲染 实现同构
- node/express 提供服务
- webpack 构建
- webpack-isomorphic-tools 处理ssr静态资源
- JWTs 前后端分离下的token验证
- Ant Design 构建UI
- redux-devtools 开发者工具
- mongodb/mongoose 提供数据库管理
项目线上Demo
运行Demo
安装依赖
npm install
配置文件
修改配置文件config.js,指定自己的数据库地址，端口，数据库，用户名和密码
编译
npm run build
运行Node server
npm run start
访问3000端口
开发环境
安装依赖
npm install
启动webpack server
npm run run-dev-server
启动express服务器
npm run run-server
访问服务:3000端口(包含了HMR)
Docker部署说明
Dockerfile部署Node镜像, docker-compose.yml以node+mongodb+nginx来写的，可以根据自己需要进行配置。
TODO
- 修复bugs
- 修改文章
- 修改个人资料
- 进一步优化UI
- 单元测试