laoqiren / isomorphic-redux-cnode

:blush::ghost:基于react->express->mongo技术栈的同构SPA

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

bbs.luoxia.me

运行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
• 单元测试