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

File tsx ApplicationExhibition Authentication 8 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  224e300d_d98f_d35f_1557_afe2ddf5d3ad["page.tsx"]
  dd750e36_f34f_8d96_6d9f_836fb02c8eee["data.json"]
  224e300d_d98f_d35f_1557_afe2ddf5d3ad --> dd750e36_f34f_8d96_6d9f_836fb02c8eee
  3eb36dd7_f51a_1431_02e2_7abafe315718["image"]
  224e300d_d98f_d35f_1557_afe2ddf5d3ad --> 3eb36dd7_f51a_1431_02e2_7abafe315718
  12632a83_ef01_5f03_4110_ed33d49893b7["sidebar"]
  224e300d_d98f_d35f_1557_afe2ddf5d3ad --> 12632a83_ef01_5f03_4110_ed33d49893b7
  6e0407d2_0f49_7bee_7c54_b81d46f6575a["app-sidebar"]
  224e300d_d98f_d35f_1557_afe2ddf5d3ad --> 6e0407d2_0f49_7bee_7c54_b81d46f6575a
  fe3a7f8f_4054_d329_0ff0_7fa93b4127ee["chart-area-interactive"]
  224e300d_d98f_d35f_1557_afe2ddf5d3ad --> fe3a7f8f_4054_d329_0ff0_7fa93b4127ee
  c24adae6_5e0b_1e29_694d_2a509175d87e["data-table"]
  224e300d_d98f_d35f_1557_afe2ddf5d3ad --> c24adae6_5e0b_1e29_694d_2a509175d87e
  2b005588_af70_07d1_d991_d155cc1781d1["section-cards"]
  224e300d_d98f_d35f_1557_afe2ddf5d3ad --> 2b005588_af70_07d1_d991_d155cc1781d1
  55944699_3819_98ae_e62c_d1947afa2d8c["site-header"]
  224e300d_d98f_d35f_1557_afe2ddf5d3ad --> 55944699_3819_98ae_e62c_d1947afa2d8c
  style 224e300d_d98f_d35f_1557_afe2ddf5d3ad fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Image from "next/image"

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

import data from "./data.json"

export default function Page() {
  return (
    <>
      <div className="md:hidden">
        <Image
          src="/examples/dashboard-light.png"
          width={1280}
          height={843}
          alt="Authentication"
          className="block dark:hidden"
          priority
        />
        <Image
          src="/examples/dashboard-dark.png"
          width={1280}
          height={843}
          alt="Authentication"
          className="hidden dark:block"
          priority
        />
      </div>
      <SidebarProvider
        className="hidden md:flex"
        style={
          {
            "--sidebar-width": "calc(var(--spacing) * 64)",
            "--header-height": "calc(var(--spacing) * 12 + 1px)",
          } as React.CSSProperties
        }
      >
        <AppSidebar variant="sidebar" />
        <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
  • image
  • 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 ApplicationExhibition domain, Authentication subdomain.
What functions are defined in page.tsx?
page.tsx defines 1 function(s): Page.
What does page.tsx depend on?
page.tsx imports 8 module(s): app-sidebar, chart-area-interactive, data-table, data.json, image, section-cards, sidebar, site-header.
Where is page.tsx in the architecture?
page.tsx is located at apps/v4/app/(app)/examples/dashboard/page.tsx (domain: ApplicationExhibition, subdomain: Authentication, directory: apps/v4/app/(app)/examples/dashboard).

Analyze Your Own Codebase

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

Try Supermodel Free