0c7217ba8f
## Feature - [x] Documentation added ## Documentation / Examples - [x] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples) This PR updates the cms-sanity example to: - Deploy to Vercel with the [Sanity Vercel Integration](https://www.sanity.io/docs/vercel-integration) by default. - You can still opt-out of using the Sanity Vercel Integration, clicking `You can also set up manually` gives you all the information you need. - The blog itself is updated so it's much more resilient to missing data, and is setup to set `revalidate: 60` until you have a On-demand Revalidation webhook setup. - Preview Mode is now enabled on the frontpage as well. - The Sanity client setup, and webhook validation, are updated to follow our current best practices.
50 lines
1.6 KiB
JavaScript
50 lines
1.6 KiB
JavaScript
import Head from 'next/head'
|
|
import Container from '../components/container'
|
|
import MoreStories from '../components/more-stories'
|
|
import HeroPost from '../components/hero-post'
|
|
import Intro from '../components/intro'
|
|
import Layout from '../components/layout'
|
|
import { CMS_NAME } from '../lib/constants'
|
|
import { indexQuery } from '../lib/queries'
|
|
import { usePreviewSubscription } from '../lib/sanity'
|
|
import { getClient, overlayDrafts } from '../lib/sanity.server'
|
|
|
|
export default function Index({ allPosts: initialAllPosts, preview }) {
|
|
const { data: allPosts } = usePreviewSubscription(indexQuery, {
|
|
initialData: initialAllPosts,
|
|
enabled: preview,
|
|
})
|
|
const [heroPost, ...morePosts] = allPosts || []
|
|
return (
|
|
<>
|
|
<Layout preview={preview}>
|
|
<Head>
|
|
<title>Next.js Blog Example with {CMS_NAME}</title>
|
|
</Head>
|
|
<Container>
|
|
<Intro />
|
|
{heroPost && (
|
|
<HeroPost
|
|
title={heroPost.title}
|
|
coverImage={heroPost.coverImage}
|
|
date={heroPost.date}
|
|
author={heroPost.author}
|
|
slug={heroPost.slug}
|
|
excerpt={heroPost.excerpt}
|
|
/>
|
|
)}
|
|
{morePosts.length > 0 && <MoreStories posts={morePosts} />}
|
|
</Container>
|
|
</Layout>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export async function getStaticProps({ preview = false }) {
|
|
const allPosts = overlayDrafts(await getClient(preview).fetch(indexQuery))
|
|
return {
|
|
props: { allPosts, preview },
|
|
// If webhooks isn't setup then attempt to re-generate in 1 minute intervals
|
|
revalidate: process.env.SANITY_REVALIDATE_SECRET ? undefined : 60,
|
|
}
|
|
}
|