https://github.com/laoqiren/isomorphic-redux-CNode

:blush::ghost:基于react->express->mongo技术栈的同构SPA
https://github.com/laoqiren/isomorphic-redux-CNode

express mongodb mongoose nodejs react redux server-rendering webpack

Last synced: 8 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/laoqiren/isomorphic-redux-CNode
• Owner: laoqiren
• License: mit
• Created: 2017-02-03T14:51:28.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-02-12T03:46:13.000Z (over 2 years ago)
• Last Synced: 2024-04-14T16:01:44.178Z (2 months ago)
• Topics: express, mongodb, mongoose, nodejs, react, redux, server-rendering, webpack
• Language: JavaScript
• Homepage: http://bbs.luoxia.me:3000
• Size: 4.09 MB
• Stars: 119
• Watchers: 8
• Forks: 37
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-github-star - isomorphic-redux-CNode - >express->mongo技术栈的同构SPA | laoqiren | 119 | (JavaScript)

README

        
# isomorphic-redux-forum

![language](https://img.shields.io/badge/language-JavaScript-yellow.svg)

![stars](https://img.shields.io/github/stars/laoqiren/isomorphic-redux-CNode.svg?style=social&label=Star)

![fork](https://img.shields.io/github/forks/laoqiren/isomorphic-redux-CNode.svg?style=social&label=Fork)

[![Travis](https://img.shields.io/travis/rust-lang/rust.svg)]()

## About

基于React->Node->Mongo技术栈的类CNode社区同构单页Web应用,关于此项目开发过程中的经验总结移步[我的技术博客](http://luoxia.me/code)相关文章:[使用React SSR构建Isomorphic应用](http://luoxia.me/code/2017/02/07/%E4%BD%BF%E7%94%A8React%20SSR%E6%9E%84%E5%BB%BAIsomorphic%E5%BA%94%E7%94%A8/)

## 用到的技术栈



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](http://bbs.luoxia.me:3000)

## 运行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

    
单元测试