在生产中使用 next.js

Question

我使用 next.js 已经有一段时间了。但我真的不明白它在生产中是如何工作的。我的理解是当我们向服务器发出请求时，服务器从.next的静态文件夹中获取请求的页面并运行组件的initialProps函数并提供响应，所以我想知道：

1. 当我们单击指向另一个页面的链接时会发生什么（我已经看到对 cdn 进行了点击，但我不确定之后会发生什么）。
2. 预取可见链接是如何工作的（如果预取的组件包含 initialProps 函数，该函数是否在浏览器中运行？）
3. next.js 如何处理静态和动态路由？为了缩短加载时间，它们的捆绑有什么不同吗？

提前致谢。

Answer 1

首先，您需要仔细检查 NextJS 文档，Routing api。您使用 NextJS 的项目将在第一时间在服务器上呈现（这种行为确保 100% SEO 机器人始终获得整页 html 内容），当用户单击某个链接时，即客户端呈现。您可以通过getInitialProps 中的console.log() 进行测试，以便测试客户端是否运行该方法。