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 UIPrimitives 7 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  6dbdd3ba_293a_daa5_1486_41744a343610["page.tsx"]
  f9d7e983_3282_734c_7fe5_e96d0e52fe6b["data.json"]
  6dbdd3ba_293a_daa5_1486_41744a343610 --> f9d7e983_3282_734c_7fe5_e96d0e52fe6b
  dbfb3326_fada_9b23_9e43_74e25d242fe8["app-sidebar"]
  6dbdd3ba_293a_daa5_1486_41744a343610 --> dbfb3326_fada_9b23_9e43_74e25d242fe8
  85dc881c_e6ff_49e3_a6cd_aacaaca67202["chart-area-interactive"]
  6dbdd3ba_293a_daa5_1486_41744a343610 --> 85dc881c_e6ff_49e3_a6cd_aacaaca67202
  f30ca55d_13e0_6348_8585_d7d7d679b4c1["data-table"]
  6dbdd3ba_293a_daa5_1486_41744a343610 --> f30ca55d_13e0_6348_8585_d7d7d679b4c1
  213daede_24d5_4cfb_a92c_55e367d1cdca["section-cards"]
  6dbdd3ba_293a_daa5_1486_41744a343610 --> 213daede_24d5_4cfb_a92c_55e367d1cdca
  e0b7c6d6_8d45_bfad_d736_64309788aeb9["site-header"]
  6dbdd3ba_293a_daa5_1486_41744a343610 --> e0b7c6d6_8d45_bfad_d736_64309788aeb9
  f1a5091e_9f4f_a457_6394_4e05eb42bbf1["sidebar"]
  6dbdd3ba_293a_daa5_1486_41744a343610 --> f1a5091e_9f4f_a457_6394_4e05eb42bbf1
  style 6dbdd3ba_293a_daa5_1486_41744a343610 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { AppSidebar } from "@/registry/bases/base/blocks/dashboard-01/components/app-sidebar"
import { ChartAreaInteractive } from "@/registry/bases/base/blocks/dashboard-01/components/chart-area-interactive"
import { DataTable } from "@/registry/bases/base/blocks/dashboard-01/components/data-table"
import { SectionCards } from "@/registry/bases/base/blocks/dashboard-01/components/section-cards"
import { SiteHeader } from "@/registry/bases/base/blocks/dashboard-01/components/site-header"
import { SidebarInset, SidebarProvider } from "@/registry/bases/base/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, UIPrimitives 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/bases/base/blocks/dashboard-01/page.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: apps/v4/registry/bases/base/blocks/dashboard-01).

Analyze Your Own Codebase

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

Try Supermodel Free