如何解决向 Next.js 和 Sanity.io 页面添加分页
如上所述,我想在我从 Sanity 获取数据的页面上添加分页。
我正在使用 getStaticProps
获取数据,并且我知道 getStaticProps
在构建时有效,那么我如何添加分页?我应该预先构建页面吗?
我的代码如下:
export const getStaticProps = async () => {
const textures = await clientSanity.fetch(`*[_type == "texture"] | order(publishedAt desc){
_id,title,'slug': slug.current,mainImage{asset->{_id,url}},}`);
const categories = await clientSanity.fetch(`*[_type == "category"] | order(title asc){
_id,}`);
return {
props: {
textures,categories,},};
};
我真的不知道从哪里开始。
解决方法
对于分页提要——在同一页面上加载更多项目——我遵循的模式是使用 SSG 加载初始 CMS 有效负载,然后在客户端进行分页。
可以在此处找到有关 SSR 的快速而肮脏的示例:https://codesandbox.io/s/muddy-snow-bguux?file=/pages/index.js
这应该也适用于 SSG。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。