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 ComponentRegistry ChartRegistry 7 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  0fc1d7c5_3256_e579_699f_69ca5a84b87c["page.tsx"]
  35e68f19_9715_b455_be67_0b498c551dd7["data.json"]
  0fc1d7c5_3256_e579_699f_69ca5a84b87c --> 35e68f19_9715_b455_be67_0b498c551dd7
  f9cb2d03_e3f6_ad5e_3e51_e70365bd40a2["app-sidebar"]
  0fc1d7c5_3256_e579_699f_69ca5a84b87c --> f9cb2d03_e3f6_ad5e_3e51_e70365bd40a2
  4bc449a0_1ec0_217a_297c_f30e1f3e881b["chart-area-interactive"]
  0fc1d7c5_3256_e579_699f_69ca5a84b87c --> 4bc449a0_1ec0_217a_297c_f30e1f3e881b
  faffa2c5_2c37_17b2_bfc4_e0e5f9d0b809["data-table"]
  0fc1d7c5_3256_e579_699f_69ca5a84b87c --> faffa2c5_2c37_17b2_bfc4_e0e5f9d0b809
  57a54a11_e0ab_e8a0_43cf_25e806af1280["section-cards"]
  0fc1d7c5_3256_e579_699f_69ca5a84b87c --> 57a54a11_e0ab_e8a0_43cf_25e806af1280
  88ccf566_28e9_8dcf_8488_dd1c41c47ee0["site-header"]
  0fc1d7c5_3256_e579_699f_69ca5a84b87c --> 88ccf566_28e9_8dcf_8488_dd1c41c47ee0
  12632a83_ef01_5f03_4110_ed33d49893b7["sidebar"]
  0fc1d7c5_3256_e579_699f_69ca5a84b87c --> 12632a83_ef01_5f03_4110_ed33d49893b7
  style 0fc1d7c5_3256_e579_699f_69ca5a84b87c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { AppSidebar } from "@/registry/new-york-v4/blocks/dashboard-01/components/app-sidebar"
import { ChartAreaInteractive } from "@/registry/new-york-v4/blocks/dashboard-01/components/chart-area-interactive"
import { DataTable } from "@/registry/new-york-v4/blocks/dashboard-01/components/data-table"
import { SectionCards } from "@/registry/new-york-v4/blocks/dashboard-01/components/section-cards"
import { SiteHeader } from "@/registry/new-york-v4/blocks/dashboard-01/components/site-header"
import {
  SidebarInset,
  SidebarProvider,
} from "@/registry/new-york-v4/ui/sidebar"

import data from "./data.json"

export default function Page() {
  return (
    <SidebarProvider
      style={
        {
          "--sidebar-width": "calc(var(--spacing) * 72)",
          "--header-height": "calc(var(--spacing) * 12)",
        } as React.CSSProperties
      }
    >
      <AppSidebar variant="inset" />
      <SidebarInset>
        <SiteHeader />
        <div className="flex flex-1 flex-col">
          <div className="@container/main flex flex-1 flex-col gap-2">
            <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
              <SectionCards />
              <div className="px-4 lg:px-6">
                <ChartAreaInteractive />
              </div>
              <DataTable data={data} />
            </div>
          </div>
        </div>
      </SidebarInset>
    </SidebarProvider>
  )
}

Domain

Subdomains

Functions

Dependencies

  • app-sidebar
  • chart-area-interactive
  • data-table
  • data.json
  • section-cards
  • sidebar
  • site-header

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, ChartRegistry subdomain.
What functions are defined in page.tsx?
page.tsx defines 1 function(s): Page.
What does page.tsx depend on?
page.tsx imports 7 module(s): app-sidebar, chart-area-interactive, data-table, data.json, section-cards, sidebar, site-header.
Where is page.tsx in the architecture?
page.tsx is located at apps/v4/registry/new-york-v4/blocks/dashboard-01/page.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: apps/v4/registry/new-york-v4/blocks/dashboard-01).

Analyze Your Own Codebase

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

Try Supermodel Free