isomorphic-redux-CNode

by laoqiren

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

123 Stars 39 Forks Last release: Not found MIT License 79 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.