Я последовал этому уроку и добрался до последнего раздела, где вы размещаете посты блога на странице, и страница заканчивается только тегом H1 и ни одним из постов. Кто-нибудь может взглянуть на код и скажите, почему это может не работать?
import Link from 'next/link'
import groq from 'groq'
import client from '../client'
const Index = (props) => {
const { posts = [] } = props
return (
<div>
<h1>Welcome to a blog!</h1>
{posts.map(
({ _id, title = '', slug = '', _updatedAt = '' }) =>
slug && (
<li key={_id}>
<Link href="/post/[slug]" as={`/post/${slug.current}`}>
<a>{title}</a>
</Link>{' '}
({new Date(_updatedAt).toDateString()})
</li>
)
)}
</div>
)
}
Index.getInitialProps = async () => ({
posts: await client.fetch(groq`
*[_type == "post" && publishedAt < now()]|order(publishedAt desc)
`)
})
export default Index