qq_45679015的博客

假设咱们要构建一个显示冠状病毒统计数据的网站，主页显示每个国家/地区的信息，并带有指向更多详细信息的链接。 所有数据都来自一个 JSON 文件，咱们可以从公共 URL 下载该文件，该文件每天更新一次。可以尝试考虑如何构建该网站，然后了解咱们上篇所说的Next.js 9.3 的方法。...

浏览器访问网站的流程：输入一个网址，浏览器获取一个HTML页面，但这会页面没有数据，使用fetch发请求获取数据并使用useStates设置state，state发生变化，这是render函数再一次去渲染页面，因此这个流程中咱们有两个渲染周期。而我们使用next.js则是利用第一个渲染周期进行预渲染，减少首页白屏显示时间。在next.js中文网中我们知道Next.js 有两种预渲染形式：静态生成和服务器端渲染静态生成：如果一个页面使用了静态生成，在页面构建时将生成对应的HTML文件，意味着在生产环