Awesome Open Source
Awesome Open Source

isomorphic-redux-forum

language stars fork Travis

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

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (68,032
react (5,155
nodejs (3,632
redux (1,150
webpack (1,122
mongodb (772
express (472
mongoose (164
server-rendering (21

Find Open Source By Browsing 7,000 Topics Across 59 Categories