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
  1da5a420_dc85_11f8_8684_f35b0c9fea9a["generateMetadata()"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9["page.tsx"]
  1da5a420_dc85_11f8_8684_f35b0c9fea9a -->|defined in| d12badbf_b4db_399b_fcae_754c0f8acbd9
  b27919a1_9980_ff8b_df72_80b21f8462ac["getDocFromParams()"]
  1da5a420_dc85_11f8_8684_f35b0c9fea9a -->|calls| b27919a1_9980_ff8b_df72_80b21f8462ac
  style 1da5a420_dc85_11f8_8684_f35b0c9fea9a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/app/(app)/docs/[[...slug]]/page.tsx lines 35–74

export async function generateMetadata({
  params,
}: DocPageProps): Promise<Metadata> {
  const doc = await getDocFromParams({ params })

  if (!doc) {
    return {}
  }

  return {
    title: doc.title,
    description: doc.description,
    openGraph: {
      title: doc.title,
      description: doc.description,
      type: "article",
      url: absoluteUrl(doc.slug),
      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",
    },
  }
}