98 lines
1.9 KiB
TypeScript
98 lines
1.9 KiB
TypeScript
import { PreviewSuspense } from '@sanity/preview-kit'
|
|
import PostPage from 'components/PostPage'
|
|
import {
|
|
getAllPostsSlugs,
|
|
getPostAndMoreStories,
|
|
getSettings,
|
|
} from 'lib/sanity.client'
|
|
import { Post, Settings } from 'lib/sanity.queries'
|
|
import { GetStaticProps } from 'next'
|
|
import { lazy } from 'react'
|
|
|
|
const PreviewPostPage = lazy(() => import('components/PreviewPostPage'))
|
|
|
|
interface PageProps {
|
|
post: Post
|
|
morePosts: Post[]
|
|
settings?: Settings
|
|
preview: boolean
|
|
token: string | null
|
|
}
|
|
|
|
interface Query {
|
|
[key: string]: string
|
|
}
|
|
|
|
interface PreviewData {
|
|
token?: string
|
|
}
|
|
|
|
export default function ProjectSlugRoute(props: PageProps) {
|
|
const { settings, post, morePosts, preview, token } = props
|
|
|
|
if (preview) {
|
|
return (
|
|
<PreviewSuspense
|
|
fallback={
|
|
<PostPage
|
|
loading
|
|
preview
|
|
post={post}
|
|
morePosts={morePosts}
|
|
settings={settings}
|
|
/>
|
|
}
|
|
>
|
|
<PreviewPostPage
|
|
token={token}
|
|
post={post}
|
|
morePosts={morePosts}
|
|
settings={settings}
|
|
/>
|
|
</PreviewSuspense>
|
|
)
|
|
}
|
|
|
|
return <PostPage post={post} morePosts={morePosts} settings={settings} />
|
|
}
|
|
|
|
export const getStaticProps: GetStaticProps<
|
|
PageProps,
|
|
Query,
|
|
PreviewData
|
|
> = async (ctx) => {
|
|
const { preview = false, previewData = {}, params = {} } = ctx
|
|
|
|
const token = previewData.token
|
|
|
|
const [settings, { post, morePosts }] = await Promise.all([
|
|
getSettings(),
|
|
getPostAndMoreStories(params.slug, token),
|
|
])
|
|
|
|
if (!post) {
|
|
return {
|
|
notFound: true,
|
|
}
|
|
}
|
|
|
|
return {
|
|
props: {
|
|
post,
|
|
morePosts,
|
|
settings,
|
|
preview,
|
|
token: previewData.token ?? null,
|
|
},
|
|
}
|
|
}
|
|
|
|
export const getStaticPaths = async () => {
|
|
const slugs = await getAllPostsSlugs()
|
|
|
|
return {
|
|
paths: slugs?.map(({ slug }) => `/posts/${slug}`) || [],
|
|
fallback: false,
|
|
}
|
|
}
|