使用 next.js SSR 的路由在显示页面之前呈现空白屏幕

Question

我知道我的数据在服务器端，然后我的屏幕将被渲染，但是否可以避免这种情况？

我已经在使用 next/link 而不是 a 标签

Answer 1

Next.js不会return空白页再补水。一旦获取新页面的数据，它将解析该页面。因此过渡看起来与任何其他服务器端呈现技术一样，只要未加载新页面，用户就会停留在上一页。

如果这不适合您，您可以随时扩展 _app.js 并在页面转换之间添加自定义 loaders/animation。