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

File tsx DocumentationAtlas Changelog 10 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  7b1a22a5_91cc_58da_9340_6cef16f2a0c5["page.tsx"]
  9c1a1e1b_87f8_29d5_c12d_e83869cf94e4["next"]
  7b1a22a5_91cc_58da_9340_6cef16f2a0c5 --> 9c1a1e1b_87f8_29d5_c12d_e83869cf94e4
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  7b1a22a5_91cc_58da_9340_6cef16f2a0c5 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  4c79c55d_d834_3cdd_ce17_cc4f4eb47d55["badge"]
  7b1a22a5_91cc_58da_9340_6cef16f2a0c5 --> 4c79c55d_d834_3cdd_ce17_cc4f4eb47d55
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  7b1a22a5_91cc_58da_9340_6cef16f2a0c5 --> 57e86e45_ac6e_7278_be08_9092724e8401
  c6d6139d_ea69_3d79_5004_68419bae2ac0["card"]
  7b1a22a5_91cc_58da_9340_6cef16f2a0c5 --> c6d6139d_ea69_3d79_5004_68419bae2ac0
  ceb41313_de2c_98d6_0449_ab5301fbc3d3["tabs"]
  7b1a22a5_91cc_58da_9340_6cef16f2a0c5 --> ceb41313_de2c_98d6_0449_ab5301fbc3d3
  7fe028ed_8239_24c0_ab5d_d683d942a3b9["analytics-date-picker"]
  7b1a22a5_91cc_58da_9340_6cef16f2a0c5 --> 7fe028ed_8239_24c0_ab5d_d683d942a3b9
  ce450238_cd90_2857_44c0_9adf21f3cf5d["chart-revenue"]
  7b1a22a5_91cc_58da_9340_6cef16f2a0c5 --> ce450238_cd90_2857_44c0_9adf21f3cf5d
  e4274da6_f569_3f53_bea5_050a6ec6b26e["chart-visitors"]
  7b1a22a5_91cc_58da_9340_6cef16f2a0c5 --> e4274da6_f569_3f53_bea5_050a6ec6b26e
  60d1ceac_4e51_779a_8034_5d337941b4b1["products-table"]
  7b1a22a5_91cc_58da_9340_6cef16f2a0c5 --> 60d1ceac_4e51_779a_8034_5d337941b4b1
  style 7b1a22a5_91cc_58da_9340_6cef16f2a0c5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { type Metadata } from "next"
import {
  DownloadIcon,
  FilterIcon,
  TrendingDownIcon,
  TrendingUpIcon,
} from "lucide-react"

import { Badge } from "@/registry/new-york-v4/ui/badge"
import { Button } from "@/registry/new-york-v4/ui/button"
import {
  Card,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from "@/registry/new-york-v4/ui/card"
import {
  Tabs,
  TabsContent,
  TabsList,
  TabsTrigger,
} from "@/registry/new-york-v4/ui/tabs"
import { AnalyticsDatePicker } from "@/app/(examples)/dashboard-03/components/analytics-date-picker"
import { ChartRevenue } from "@/app/(examples)/dashboard-03/components/chart-revenue"
import { ChartVisitors } from "@/app/(examples)/dashboard-03/components/chart-visitors"
import { ProductsTable } from "@/app/(examples)/dashboard-03/components/products-table"

export const metadata: Metadata = {
  title: "Dashboard",
  description: "An example dashboard to test the new components.",
}

// Load from database.
const products = [
  {
    id: "1",
    name: "BJÖRKSNÄS Dining Table",
    price: 599.99,
    stock: 12,
    dateAdded: "2023-06-15",
    status: "In Stock",
  },
  {
    id: "2",
    name: "POÄNG Armchair",
    price: 249.99,
    stock: 28,
    dateAdded: "2023-07-22",
    status: "In Stock",
  },
  {
    id: "3",
    name: "MALM Bed Frame",
    price: 399.99,
    stock: 15,
    dateAdded: "2023-08-05",
    status: "In Stock",
  },
  {
// ... (147 more lines)

Domain

Subdomains

Functions

Dependencies

  • analytics-date-picker
  • badge
  • button
  • card
  • chart-revenue
  • chart-visitors
  • lucide-react
  • next
  • products-table
  • tabs

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 1 function(s): DashboardPage.
What does page.tsx depend on?
page.tsx imports 10 module(s): analytics-date-picker, badge, button, card, chart-revenue, chart-visitors, lucide-react, next, and 2 more.
Where is page.tsx in the architecture?
page.tsx is located at apps/v4/app/(examples)/dashboard-03/page.tsx (domain: DocumentationAtlas, subdomain: Changelog, directory: apps/v4/app/(examples)/dashboard-03).

Analyze Your Own Codebase

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

Try Supermodel Free