ui Architecture Docs
Home / File/ page.tsx — ui Source File

page.tsx — ui Source File

Architecture documentation for page.tsx, a tsx file in the ui codebase. 14 imports, 0 dependents.

File tsx ComponentRegistry Styles 14 imports 4 functions

Entity Profile

Dependency Diagram

graph LR
  d12badbf_b4db_399b_fcae_754c0f8acbd9["page.tsx"]
  f5b0b1d9_de2f_9c31_0bcd_4adbd07581cb["navigation"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> f5b0b1d9_de2f_9c31_0bcd_4adbd07581cb
  ee57985e_b5cc_179b_e56e_e75bb7f2549f["generated"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> ee57985e_b5cc_179b_e56e_e75bb7f2549f
  b13c0946_a391_4bd9_2f39_a58656bb80bd["mdx.css"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> b13c0946_a391_4bd9_2f39_a58656bb80bd
  9c1a1e1b_87f8_29d5_c12d_e83869cf94e4["next"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> 9c1a1e1b_87f8_29d5_c12d_e83869cf94e4
  ba3d44f3_7b34_f9cc_6283_44817785c0df["link"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> ba3d44f3_7b34_f9cc_6283_44817785c0df
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  5a0533d9_a610_9abc_dc88_046120a41552["react-wrap-balancer"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> 5a0533d9_a610_9abc_dc88_046120a41552
  937365d6_ee26_d0ac_e1f6_394c266cb962["toc"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> 937365d6_ee26_d0ac_e1f6_394c266cb962
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  6cdf2851_9ff7_a39d_8d20_68a61385f31a["mdx-components"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> 6cdf2851_9ff7_a39d_8d20_68a61385f31a
  f9501260_bab6_535f_a475_d8f4acacbba1["open-in-v0-cta"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> f9501260_bab6_535f_a475_d8f4acacbba1
  7721ee31_6555_739d_3114_06453103c39a["pager"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> 7721ee31_6555_739d_3114_06453103c39a
  df262014_ec7d_6c77_2396_45b66dd35dd3["toc"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> df262014_ec7d_6c77_2396_45b66dd35dd3
  d1f6969b_47e1_9226_0001_415be23d60e0["badge"]
  d12badbf_b4db_399b_fcae_754c0f8acbd9 --> d1f6969b_47e1_9226_0001_415be23d60e0
  style d12badbf_b4db_399b_fcae_754c0f8acbd9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { notFound } from "next/navigation"
import { allDocs } from "contentlayer/generated"

import "@/styles/mdx.css"
import type { Metadata } from "next"
import Link from "next/link"
import { ChevronRight, ExternalLink } from "lucide-react"
import Balancer from "react-wrap-balancer"

import { getTableOfContents } from "@/lib/toc"
import { absoluteUrl, cn } from "@/lib/utils"
import { Mdx } from "@/components/mdx-components"
import { OpenInV0Cta } from "@/components/open-in-v0-cta"
import { DocsPager } from "@/components/pager"
import { DashboardTableOfContents } from "@/components/toc"
import { badgeVariants } from "@/registry/new-york/ui/badge"

interface DocPageProps {
  params: {
    slug: string[]
  }
}

async function getDocFromParams({ params }: DocPageProps) {
  const slug = params.slug?.join("/") || ""
  const doc = allDocs.find((doc) => doc.slugAsParams === slug)

  if (!doc) {
    return null
  }

  return doc
}

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: {
// ... (95 more lines)

Domain

Subdomains

Functions

Types

Dependencies

  • badge
  • generated
  • link
  • lucide-react
  • mdx-components
  • mdx.css
  • navigation
  • next
  • open-in-v0-cta
  • pager
  • react-wrap-balancer
  • toc
  • toc
  • utils

Source

Frequently Asked Questions

What does page.tsx do?
page.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, Styles subdomain.
What functions are defined in page.tsx?
page.tsx defines 4 function(s): DocPage, generateMetadata, generateStaticParams, getDocFromParams.
What does page.tsx depend on?
page.tsx imports 14 module(s): badge, generated, link, lucide-react, mdx-components, mdx.css, navigation, next, and 6 more.
Where is page.tsx in the architecture?
page.tsx is located at deprecated/www/app/(app)/docs/[[...slug]]/page.tsx (domain: ComponentRegistry, subdomain: Styles, directory: deprecated/www/app/(app)/docs/[[...slug]]).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free