我期待着用NextJS和Google的Firebase创建一个web应用程序.该应用程序有一个管理面板和一个公共网站.在管理面板中,应该有编辑公共站点导航的选项.
所以我在想,在每次刷新时让客户端获取导航数据是明智的,还是有更好的方法可以用尽可能少的API请求获取动态和最新的导航数据?
我期待着用NextJS和Google的Firebase创建一个web应用程序.该应用程序有一个管理面板和一个公共网站.在管理面板中,应该有编辑公共站点导航的选项.
所以我在想,在每次刷新时让客户端获取导航数据是明智的,还是有更好的方法可以用尽可能少的API请求获取动态和最新的导航数据?
这实际上取决于您的用例.在下一页中.js有3种不同的数据获取类型.
这将在构建时获取数据并呈现页面.对于不经常更改的页面来说,这是最好的.比如说博客.
这将根据用户的每个请求获取数据并呈现页面.这对于快速变化且必须是最新的数据非常有用.
这允许在我上面描述的两种类型之间进行折衷,如果您希望尽可能少地使用API请求,这可能就是您想要的.有了它,您可以在特定的时间间隔静态地重新生成页面.
export async function getStaticProps(){
//fetch data from firebase ...
return {
props: { data },
revalidate: 60,
}
}