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

File tsx ComponentRegistry Styles 12 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  34e2b250_36b7_f03b_1027_654cc5b151d4["page.tsx"]
  9c1a1e1b_87f8_29d5_c12d_e83869cf94e4["next"]
  34e2b250_36b7_f03b_1027_654cc5b151d4 --> 9c1a1e1b_87f8_29d5_c12d_e83869cf94e4
  3eb36dd7_f51a_1431_02e2_7abafe315718["image"]
  34e2b250_36b7_f03b_1027_654cc5b151d4 --> 3eb36dd7_f51a_1431_02e2_7abafe315718
  aa2f3ec6_f291_3763_88ec_65a3f5ad5939["button"]
  34e2b250_36b7_f03b_1027_654cc5b151d4 --> aa2f3ec6_f291_3763_88ec_65a3f5ad5939
  95a7752f_4b97_5bde_5d7d_fca03536ac35["card"]
  34e2b250_36b7_f03b_1027_654cc5b151d4 --> 95a7752f_4b97_5bde_5d7d_fca03536ac35
  ff4adc50_4c10_539a_2d63_f3d4b2f1ec61["tabs"]
  34e2b250_36b7_f03b_1027_654cc5b151d4 --> ff4adc50_4c10_539a_2d63_f3d4b2f1ec61
  7aba1489_4226_a9e1_a6bb_0f4656c192bd["date-range-picker"]
  34e2b250_36b7_f03b_1027_654cc5b151d4 --> 7aba1489_4226_a9e1_a6bb_0f4656c192bd
  c7850028_658b_38a8_bd7a_41fc8cf93d14["main-nav"]
  34e2b250_36b7_f03b_1027_654cc5b151d4 --> c7850028_658b_38a8_bd7a_41fc8cf93d14
  f8ac2f19_c933_076e_24b3_2631035dd5c2["overview"]
  34e2b250_36b7_f03b_1027_654cc5b151d4 --> f8ac2f19_c933_076e_24b3_2631035dd5c2
  e1a2dcb6_5fb9_f50b_3eaa_70de83af4eda["recent-sales"]
  34e2b250_36b7_f03b_1027_654cc5b151d4 --> e1a2dcb6_5fb9_f50b_3eaa_70de83af4eda
  76f46abf_e0a8_9616_f170_75a8aabca371["search"]
  34e2b250_36b7_f03b_1027_654cc5b151d4 --> 76f46abf_e0a8_9616_f170_75a8aabca371
  f1957945_28aa_95c5_abd8_7ff2f3deb384["team-switcher"]
  34e2b250_36b7_f03b_1027_654cc5b151d4 --> f1957945_28aa_95c5_abd8_7ff2f3deb384
  20eeb25e_77db_fbb6_cee7_9ae2bc5c6eb7["user-nav"]
  34e2b250_36b7_f03b_1027_654cc5b151d4 --> 20eeb25e_77db_fbb6_cee7_9ae2bc5c6eb7
  style 34e2b250_36b7_f03b_1027_654cc5b151d4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Metadata } from "next"
import Image from "next/image"

import { Button } from "@/registry/new-york/ui/button"
import {
  Card,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "@/registry/new-york/ui/card"
import {
  Tabs,
  TabsContent,
  TabsList,
  TabsTrigger,
} from "@/registry/new-york/ui/tabs"
import { CalendarDateRangePicker } from "@/app/(app)/examples/dashboard/components/date-range-picker"
import { MainNav } from "@/app/(app)/examples/dashboard/components/main-nav"
import { Overview } from "@/app/(app)/examples/dashboard/components/overview"
import { RecentSales } from "@/app/(app)/examples/dashboard/components/recent-sales"
import { Search } from "@/app/(app)/examples/dashboard/components/search"
import TeamSwitcher from "@/app/(app)/examples/dashboard/components/team-switcher"
import { UserNav } from "@/app/(app)/examples/dashboard/components/user-nav"

export const metadata: Metadata = {
  title: "Dashboard",
  description: "Example dashboard app built using the components.",
}

export default function DashboardPage() {
  return (
    <>
      <div className="md:hidden">
        <Image
          src="/examples/dashboard-light.png"
          width={1280}
          height={866}
          alt="Dashboard"
          className="block dark:hidden"
        />
        <Image
          src="/examples/dashboard-dark.png"
          width={1280}
          height={866}
          alt="Dashboard"
          className="hidden dark:block"
        />
      </div>
      <div className="hidden flex-col md:flex">
        <div className="border-b">
          <div className="flex h-16 items-center px-4">
            <TeamSwitcher />
            <MainNav className="mx-6" />
            <div className="ml-auto flex items-center space-x-4">
              <Search />
              <UserNav />
            </div>
          </div>
        </div>
// ... (154 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • card
  • date-range-picker
  • image
  • main-nav
  • next
  • overview
  • recent-sales
  • search
  • tabs
  • team-switcher
  • user-nav

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 1 function(s): DashboardPage.
What does page.tsx depend on?
page.tsx imports 12 module(s): button, card, date-range-picker, image, main-nav, next, overview, recent-sales, and 4 more.
Where is page.tsx in the architecture?
page.tsx is located at deprecated/www/app/(app)/examples/dashboard/page.tsx (domain: ComponentRegistry, subdomain: Styles, directory: deprecated/www/app/(app)/examples/dashboard).

Analyze Your Own Codebase

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

Try Supermodel Free