从零搭建一个基于React+Nextjs的SSR网站(二)：在Nextjs项目中增加react+redux

个人博客源码：https://github.com/shaotianyu/blog-front

PS: 如果你有疑惑，可以给我留言，咱们一起解决它。

从零搭建一个基于React+Nextjs的SSR网站(一)：写在前面
从零搭建一个基于React+Nextjs的SSR网站(二)：在Nextjs项目中增加react+redux
从零搭建一个基于React+Nextjs的SSR网站(三)：在Next项目中使用markdown
从零搭建一个基于React+Nextjs的SSR网站(四)：如何搭建服务器并部署Nextjs项目

正文

基本的Nextjs项目构造可以参考这篇文章，写得很好也非常详细，我就不转载了：

用Next.js快速上手React服务器渲染

看完上面的这篇文章后你会搭建一个自己的本地的静态站点，并且可以运行在localhost:3000。这个时候我们就可以向这个项目上面添加React和Redux了。

与往常的react+redux项目不同的是，以往的react的组件是用Provider容器包裹起来的，可以让容器组件拿到state，比如下面这样

...
import {
    Provider } from 'react-redux'
import {
    
	BrowserRouter, 
	Route, 
	Switch
} from 'react-router-dom'
...

<Provider store={
   store}>
	<BrowserRouter>
		<div className="XXX">
			<Component1 />
			<Switch>
				<Route path=