如何在刷新时显示内容，而不是使用nextjs显示默认的白色页面

Question

例如，如果你刷新facebook.com，在刷新时你仍然会看到导航栏，如何做到这一点？

我已经尝试过使用Router.events.on和off来获取加载时间，但刷新时仍然有白色页面

Answer 1

您需要持久的布局。

在_app文件中放入以下代码将导致布局不会在每次页面更改时重新安装。

// pages/_app.js
import Layout from '../components/layout'
export default function MyApp({ Component, pageProps }) {
return (
<Layout>
<Component {...pageProps} />
</Layout>
)
}

这个想法是把header、footer等放在你的布局中，主体的其余部分就会改变。