generateMetadata() — ui Function Reference

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

Function tsx ComponentRegistry Styles calls 1

Entity Profile

ComponentRegistry→ Styles→ generateMetadata() — ui Function Reference

Dependency Diagram

graph TD
  03997dae_b29a_7d76_c8d1_579150064a62["generateMetadata()"]
  23647c21_1c6c_439d_faec_b1bc1792190f["page.tsx"]
  03997dae_b29a_7d76_c8d1_579150064a62 -->|defined in| 23647c21_1c6c_439d_faec_b1bc1792190f
  e4157011_771d_bbbc_6dca_009759473cdf["getCachedRegistryItem()"]
  03997dae_b29a_7d76_c8d1_579150064a62 -->|calls| e4157011_771d_bbbc_6dca_009759473cdf
  style 03997dae_b29a_7d76_c8d1_579150064a62 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/app/(view)/view/styles/[style]/[name]/page.tsx lines 21–64

export async function generateMetadata({
  params,
}: {
  params: {
    style: Style["name"]
    name: string
  }
}): Promise<Metadata> {
  const { name, style } = params
  const item = await getCachedRegistryItem(name, style)

  if (!item) {
    return {}
  }

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

  return {
    title: `${item.name}${item.description ? ` - ${item.description}` : ""}`,
    description,
    openGraph: {
      title,
      description,
      type: "article",
      url: absoluteUrl(`/blocks/${style}/${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",
    },
  }
}