如何解决Contentful 和 Next JS - 内容未显示的问题
所以目前,我有一个网站,我正在前端使用 Next Js 创建,并将 contentful 用作我的 CMS。
export async function getStaticProps() {
const client = createClient({
space: process.env.NEXT_CONTENTFUL_SPACE_ID,accesstoken: process.env.NEXT_CONTENTFUL_ACCESS_TOKEN,});
const res = await client.getEntries({ content_type: "MYCONTENT" });
return {
props: {
MYCONTENT: res.items,},};
}
想象一下这段代码大约有 30 页。然后我使用此代码过滤并映射我需要的项目:
{MYCONTNET
.filter((e) => e.fields.tag === "design tools")
.map((content) => {
return (
<ToolsCard
key={content.fields.title}
title={content.fields.title}
para={content.fields.tagline}
url={content.fields.url}
img={content.fields.img.fields.file.url}
/>
);
})}
一切进展顺利,直到我最近遇到一个问题,即并非所有项目都传递到前端。
我唯一的解决方案是在 contentful 上重新发布内容,但是当我这样做时,它似乎会对其他页面产生影响。即使我尝试控制台日志,我也看不到正在传递的数据。
它向我展示了 this image,这是一个 more detailed image
我不确定是什么问题,它运行良好,但是当我开始添加更多内容时,这个问题就出现了。
如果有人能帮忙,那就太好了。提前致谢。
解决方法
答案:
所以我没有意识到,我需要增加限制参数。我有超过 113 个,但默认值为 100。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。