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. 7 imports, 0 dependents.

File tsx DocumentationAtlas Changelog 7 imports 2 functions

Entity Profile

Dependency Diagram

graph LR
  fe6468c5_e582_2fe3_ca5f_ec4dde592aeb["page.tsx"]
  ba3d44f3_7b34_f9cc_6283_44817785c0df["link"]
  fe6468c5_e582_2fe3_ca5f_ec4dde592aeb --> ba3d44f3_7b34_f9cc_6283_44817785c0df
  4b1d2128_46d9_46f0_b915_b6e1925b7876["button"]
  fe6468c5_e582_2fe3_ca5f_ec4dde592aeb --> 4b1d2128_46d9_46f0_b915_b6e1925b7876
  f28e1a0b_e114_cb89_3855_d3bc3f0451dc["mdx-components"]
  fe6468c5_e582_2fe3_ca5f_ec4dde592aeb --> f28e1a0b_e114_cb89_3855_d3bc3f0451dc
  39a0d62e_8e7d_d097_eb95_91d2bca361f7["icons-react"]
  fe6468c5_e582_2fe3_ca5f_ec4dde592aeb --> 39a0d62e_8e7d_d097_eb95_91d2bca361f7
  91c520d7_49d8_7114_fe09_6cee1435116f["changelog"]
  fe6468c5_e582_2fe3_ca5f_ec4dde592aeb --> 91c520d7_49d8_7114_fe09_6cee1435116f
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  fe6468c5_e582_2fe3_ca5f_ec4dde592aeb --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  f9501260_bab6_535f_a475_d8f4acacbba1["open-in-v0-cta"]
  fe6468c5_e582_2fe3_ca5f_ec4dde592aeb --> f9501260_bab6_535f_a475_d8f4acacbba1
  style fe6468c5_e582_2fe3_ca5f_ec4dde592aeb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Link from "next/link"
import { Button } from "@/examples/radix/ui/button"
import { mdxComponents } from "@/mdx-components"
import { IconRss } from "@tabler/icons-react"

import { getChangelogPages, type ChangelogPageData } from "@/lib/changelog"
import { absoluteUrl } from "@/lib/utils"
import { OpenInV0Cta } from "@/components/open-in-v0-cta"

export const revalidate = false
export const dynamic = "force-static"

export function generateMetadata() {
  return {
    title: "Changelog",
    description: "Latest updates and announcements.",
    openGraph: {
      title: "Changelog",
      description: "Latest updates and announcements.",
      type: "article",
      url: absoluteUrl("/docs/changelog"),
      images: [
        {
          url: `/og?title=${encodeURIComponent(
            "Changelog"
          )}&description=${encodeURIComponent(
            "Latest updates and announcements."
          )}`,
        },
      ],
    },
  }
}

export default function ChangelogPage() {
  const pages = getChangelogPages()
  const latestPages = pages.slice(0, 5)
  const olderPages = pages.slice(5)

  return (
    <div
      data-slot="docs"
      className="flex scroll-mt-24 items-stretch pb-8 text-[1.05rem] sm:text-[15px] xl:w-full"
    >
      <div className="flex min-w-0 flex-1 flex-col">
        <div className="h-(--top-spacing) shrink-0" />
        <div className="mx-auto flex w-full max-w-[40rem] min-w-0 flex-1 flex-col gap-6 px-4 py-6 text-neutral-800 md:px-0 lg:py-8 dark:text-neutral-300">
          <div className="flex flex-col gap-2">
            <div className="flex items-center justify-between">
              <h1 className="scroll-m-24 text-4xl font-semibold tracking-tight sm:text-3xl">
                Changelog
              </h1>
              <Button variant="secondary" size="sm" asChild>
                <a href="/rss.xml" target="_blank" rel="noopener noreferrer">
                  <IconRss />
                  RSS
                </a>
              </Button>
            </div>
            <p className="text-muted-foreground text-[1.05rem] sm:text-base sm:text-balance md:max-w-[80%]">
// ... (85 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • changelog
  • icons-react
  • link
  • mdx-components
  • open-in-v0-cta
  • 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 DocumentationAtlas domain, Changelog subdomain.
What functions are defined in page.tsx?
page.tsx defines 2 function(s): ChangelogPage, generateMetadata.
What does page.tsx depend on?
page.tsx imports 7 module(s): button, changelog, icons-react, link, mdx-components, open-in-v0-cta, utils.
Where is page.tsx in the architecture?
page.tsx is located at apps/v4/app/(app)/docs/changelog/page.tsx (domain: DocumentationAtlas, subdomain: Changelog, directory: apps/v4/app/(app)/docs/changelog).

Analyze Your Own Codebase

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

Try Supermodel Free