next文档
npm install --save next react react-dom
- 自定义服务端路由
注意异步渲染和next的Handler - 生成页面模版
Head/App/Document 等 - 编译解析
ts: 参考
安装
npm i --save-dev express @zeit/next-typescript typescript
配置
.babelrc
tsconfig.json
next.config.js
sass: 参考
安装
npm install node-sass styled-jsx-plugin-sass --save-dev
配置
.babelrc里添加即可, (presets里只接受string , array)
styled-jsx-plugin-sass 是 styled-jsx 的插件, 添加在next/babel后就可以了
- i18next
安装
npm install react-i18next i18next --save-dev
// 3步独立
// 1. 传入react-i18next
// 2. 初始化i18n
i18next.init(option, callback)
// 3. 使用 hoc hook renderProp
也可以使用'i18next-xhr-backend'; 从Api获取翻译数据
- redux
安装
npm install redux react-redux --save-dev
首先要写好actions, reducers, types,
然后用redux提供的函数生成store
使用时,用react-redux提供的Provider 和 connect