个人博客源码: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=