88 lines
2.4 KiB
TypeScript
88 lines
2.4 KiB
TypeScript
import type { Metadata } from 'next'
|
|
import { PayloadRedirects } from '@/components/PayloadRedirects'
|
|
import configPromise from '@payload-config'
|
|
import { getPayload, type RequiredDataFromCollectionSlug } from 'payload'
|
|
import { draftMode } from 'next/headers'
|
|
import React, { cache } from 'react'
|
|
import { homeStatic } from '@/endpoints/seed/home-static'
|
|
import { RenderBlocks } from '@/blocks/RenderBlocks'
|
|
import { RenderHero } from '@/heros/RenderHero'
|
|
import { generateMeta } from '@/utilities/generateMeta'
|
|
import PageClient from './page.client'
|
|
import { LivePreviewListener } from '@/components/LivePreviewListener'
|
|
export const dynamic = 'force-dynamic'
|
|
export const dynamicParams = true
|
|
|
|
|
|
type Args = {
|
|
params: Promise<{
|
|
slug?: string
|
|
}>
|
|
}
|
|
|
|
export default async function Page({ params: paramsPromise }: Args) {
|
|
const { isEnabled: draft } = await draftMode()
|
|
const { slug = 'home' } = await paramsPromise
|
|
// Decode to support slugs with special characters
|
|
const decodedSlug = decodeURIComponent(slug)
|
|
const url = '/' + decodedSlug
|
|
|
|
let page: RequiredDataFromCollectionSlug<'pages'> | null
|
|
|
|
page = await queryPageBySlug({
|
|
slug: decodedSlug,
|
|
})
|
|
|
|
// Remove this code once your website is seeded
|
|
if (!page && slug === 'home') {
|
|
page = homeStatic
|
|
}
|
|
|
|
if (!page) {
|
|
return <PayloadRedirects url={url} />
|
|
}
|
|
|
|
const { hero, layout } = page as Page
|
|
|
|
return (
|
|
<article>
|
|
<PageClient />
|
|
{/* Allows redirects for valid pages too */}
|
|
<PayloadRedirects disableNotFound url={url} />
|
|
{draft && <LivePreviewListener />}
|
|
<RenderHero {...hero} />
|
|
<RenderBlocks blocks={layout} />
|
|
</article>
|
|
)
|
|
}
|
|
|
|
export async function generateMetadata({ params: paramsPromise }: Args): Promise<Metadata> {
|
|
const { slug = 'home' } = await paramsPromise
|
|
// Decode to support slugs with special characters
|
|
const decodedSlug = decodeURIComponent(slug)
|
|
const page = await queryPageBySlug({
|
|
slug: decodedSlug,
|
|
})
|
|
return generateMeta({ doc: page })
|
|
}
|
|
|
|
const queryPageBySlug = cache(async ({ slug }: { slug: string }) => {
|
|
const { isEnabled: draft } = await draftMode()
|
|
const payload = await getPayload({ config: configPromise })
|
|
|
|
const result = await payload.find({
|
|
collection: 'pages',
|
|
draft,
|
|
limit: 1,
|
|
pagination: false,
|
|
overrideAccess: draft,
|
|
where: {
|
|
slug: {
|
|
equals: slug,
|
|
},
|
|
},
|
|
})
|
|
|
|
return result.docs?.[0] || null
|
|
})
|