生成一个网站，需要HTML 解析、渲染树的构建，域名服务器会给用户返回一个 HTML 文本，后面再进行进行相关的解析和生成DOM树、CSSOM树来决定页面的布局结构和样式。
首先我们在空项目，npm init初始化一个，执行命令来安装对应的依赖。
npm install eslint eslint-plugin-react @typescript-eslint/eslint-plugin @typescript-eslint/parser --save-dev
初始化一下 eslint 的配置，然后进行调整，把 commitlint 加到 git 提供的 hook 中，用依赖 husky可以帮助我们生成脚本文件，
可以使用 nodemon 来替代 node 来运行这个脚本，它提供了对运行文件监听的能力，当我们的文件修改的时候，它也会同步进行热更新，不需要我们重新去启动了。
npm install nodemon --save-dev
主要是架构实现前的准备工作。在这节课中，我们介绍了 lint 重要意义，以及我们应该怎么进行规范的代码开发，同时我们对项目进行打包构建的等工作，使得我们的项目可以用于生产，并且提供了必要的构建和启动脚本。
因为服务器端渲染包含了完整页面 Dom 的 HTML 文本，可以获得精度更高的 SEO，同样也因为这个特性，服务器端渲染在客户端需要执行的脚本更少，首屏时间很短，用户体验更佳。这就是服务器端渲染为什么广泛应用于 C 端网站的原因。
