我正在使用Contentful CMS使用Next.js创建一个博客。
我的文件夹结构现在是这样的pages/blog/[year]/[month]/[slug].js
年和月文件夹都有自己的index.js
现在我正在制作年份部分,这就是我如何生成所有年份包含任何博客文章的路径。
export async function getStaticPaths() {
let data = await client.getEntries({
content_type: 'blog_post',
select: 'sys.id,fields.publishDate',
limit: 1000,
})
const allYears = data.items
.map((item) => moment(item.fields.publishDate).format('YYYY'))
.sort()
// Get unique values.
const years = [...new Set(allYears)]
// Create paths.
const paths = years.map((year) => {
return {
params: { year },
}
})
return {
paths,
fallback: false,
}
}
到目前为止这么好,但我不知道如何查询我的内容帖子在getStaticProps?也许contentful不支持它?我唯一能做的其他方法是手动过滤所有帖子,但这感觉不是正确的方法。
export async function getStaticProps({ params: { year } }) {
let data = await client.getEntries({
content_type: 'blog_post',
// I assume I somehow have to pass my year in the query
})
return {
props: {
data,
},
}
}
内容返回日期字符串,如下所示:20121-03-03t00:00 +01:00
所以我的问题是,我怎样才能最好地解决这个问题?有人遇到过同样的问题吗?
您可以使用pusblishDate
字段上的范围运算符将结果过滤到给定的年份。
export async function getStaticProps({ params: { year } }) {
const nextYear = parseInt(year, 10) + 1 // May need to parse if `year` is a string
let data = await client.getEntries({
content_type: 'blog_post',
'fields.publishDate[gte]': `${year}-01-01T00:00:00Z`,
'fields.publishDate[lt]': `${nextYear}-01-01T00:00:00Z`
})
return {
props: { data }
}
}