supabase/apps/docs/app/guides/[...slug]/page.tsx

import {
  getGuidesMarkdown,
  genGuideMeta,
  genGuidesStaticParams,
} from '~/features/docs/GuidesMdx.utils'
import { GuideTemplate } from '~/features/docs/GuidesMdx.template'

type Params = { slug: string[] }

const GuidePage = async ({ params }: { params: Params }) => {
  const data = await getGuidesMarkdown(params)
  return <GuideTemplate {...data!} />
}

const generateStaticParams = genGuidesStaticParams()
const generateMetadata = genGuideMeta(getGuidesMarkdown)

export default GuidePage
export { generateStaticParams, generateMetadata }