generateMetadata() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing calls 1

Entity Profile

DocumentationAtlas→ ContentSourcing→ generateMetadata() — ui Function Reference

Dependency Diagram

graph TD
  f86f2ced_bdce_e58d_c4c4_554053b61d6d["generateMetadata()"]
  56e49ac2_e6e7_ad0b_a9c0_eda10335ae82["page.tsx"]
  f86f2ced_bdce_e58d_c4c4_554053b61d6d -->|defined in| 56e49ac2_e6e7_ad0b_a9c0_eda10335ae82
  bffe93b4_832e_e469_16f4_b746a5cd392e["getCachedRegistryItem()"]
  f86f2ced_bdce_e58d_c4c4_554053b61d6d -->|calls| bffe93b4_832e_e469_16f4_b746a5cd392e
  style f86f2ced_bdce_e58d_c4c4_554053b61d6d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(view)/view/[style]/[name]/page.tsx lines 34–83

export async function generateMetadata({
  params,
}: {
  params: Promise<{
    style: string
    name: string
  }>
}): Promise<Metadata> {
  const { style: styleName, name } = await params
  const style = getStyle(styleName)

  if (!style) {
    return {}
  }

  const item = await getCachedRegistryItem(name, style.name)

  if (!item) {
    return {}
  }

  const title = item.name
  const description = item.description

  return {
    title: item.name,
    description,
    openGraph: {
      title,
      description,
      type: "article",
      url: absoluteUrl(`/view/${style.name}/${item.name}`),
      images: [
        {
          url: siteConfig.ogImage,
          width: 1200,
          height: 630,
          alt: siteConfig.name,
        },
      ],
    },
    twitter: {
      card: "summary_large_image",
      title,
      description,
      images: [siteConfig.ogImage],
      creator: "@shadcn",
    },
  }
}