此项目是一个从零搭建的React SSR项目,主要完成了以下功能:
- 服务端和客户端React组件的同构,
- 通过webpack分别对服务端代码和客户端代码进行打包
- 配置路由
- 配置Redux
- 使用Node中间层处理请求,获取数据
- 404页面
- 301重定向
- 处理CSS
- SEO优化
cd server
npm install
npm run dev
server
├── build // 客户端代码生成位置
├── public // 客户端代码生成位置
└── src
├── client //客户端代码
├── components // 服务端和客户端共用的React组件
├── containers // 页面
├── server // 服务端代码
├── store // 统一的store配置
├── App.js // 组件的入口文件
├── Routes.js // 路由表
├── config.js // 统一配置文件
└── withStyle.js // 处理css的高阶组件
├── webpack.base.js // webpack配置
├── webpack.client.js
└── webpack.server.js