Variable resolveVariantFromCookiesConst

Example

import {cookies, draftMode} from 'next/headers'
import {defineQuery} from 'next-sanity'
import {
  resolvePerspectiveFromCookies,
  resolveVariantFromCookies,
  type LivePerspective,
} from 'next-sanity/live'
import {sanityFetch} from '#sanity/live'

export default async function Page({params}: PageProps<'/[slug]'>) {
  const {isEnabled: isDraftMode} = await draftMode()

  if (isDraftMode) {
    return (
      <Suspense>
        <DynamicPage params={params} />
      </Suspense>
    )
  }

  const {slug} = await params

  return <CachedPage slug={slug} perspective="published" stega={false} />
}

async function DynamicPage({params}: Pick<PageProps<'/[slug]'>, 'params'>) {
  const {slug} = await params
  const jar = await cookies()
  const perspective = await resolvePerspectiveFromCookies({cookies: jar})
  const variant = await resolveVariantFromCookies({cookies: jar})

  return <CachedPage slug={slug} perspective={perspective} variant={variant} stega />
}

async function CachedPage({
  slug,
  perspective,
  variant,
  stega,
}: Awaited<PageProps<'/[slug]'>['params']> & {
  perspective: LivePerspective
  variant: string | undefined
  stega: boolean
}) {
  'use cache'

  const query = defineQuery(`*[_type == "page" && slug.current == $slug][0]`)
  const {data} = await sanityFetch({query, params: {slug}, perspective, variant, stega})

  return <article>...</article>
}
Copy