generateMetadata() — ui Function Reference

Architecture documentation for the generateMetadata() function in page.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ generateMetadata() — ui Function Reference

Dependency Diagram

graph TD
  591db182_4cb5_d284_b438_14f2ed7c8878["generateMetadata()"]
  77c5d17c_f836_2ee8_eefb_8f2863a5d63f["page.tsx"]
  591db182_4cb5_d284_b438_14f2ed7c8878 -->|defined in| 77c5d17c_f836_2ee8_eefb_8f2863a5d63f
  style 591db182_4cb5_d284_b438_14f2ed7c8878 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(app)/docs/[[...slug]]/page.tsx lines 23–69

export async function generateMetadata(props: {
  params: Promise<{ slug: string[] }>
}) {
  const params = await props.params
  const page = source.getPage(params.slug)

  if (!page) {
    notFound()
  }

  const doc = page.data

  if (!doc.title || !doc.description) {
    notFound()
  }

  return {
    title: doc.title,
    description: doc.description,
    openGraph: {
      title: doc.title,
      description: doc.description,
      type: "article",
      url: absoluteUrl(page.url),
      images: [
        {
          url: `/og?title=${encodeURIComponent(
            doc.title
          )}&description=${encodeURIComponent(doc.description)}`,
        },
      ],
    },
    twitter: {
      card: "summary_large_image",
      title: doc.title,
      description: doc.description,
      images: [
        {
          url: `/og?title=${encodeURIComponent(
            doc.title
          )}&description=${encodeURIComponent(doc.description)}`,
        },
      ],
      creator: "@shadcn",
    },
  }
}