Home / File/ layout.tsx — ui Source File

layout.tsx — ui Source File

Architecture documentation for layout.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
  107ecc73_f7ba_852f_6055_a4afe8ee6738["layout.tsx"]
  0bbbfb7d_a56c_27a1_e781_040df4fde2cd["globals.css"]
  107ecc73_f7ba_852f_6055_a4afe8ee6738 --> 0bbbfb7d_a56c_27a1_e781_040df4fde2cd
  9c1a1e1b_87f8_29d5_c12d_e83869cf94e4["next"]
  107ecc73_f7ba_852f_6055_a4afe8ee6738 --> 9c1a1e1b_87f8_29d5_c12d_e83869cf94e4
  109802f5_d07a_09ac_1761_f7055113f24f["site"]
  107ecc73_f7ba_852f_6055_a4afe8ee6738 --> 109802f5_d07a_09ac_1761_f7055113f24f
  38ae4678_c419_e7a6_e1f3_9e7d305a1e73["fonts"]
  107ecc73_f7ba_852f_6055_a4afe8ee6738 --> 38ae4678_c419_e7a6_e1f3_9e7d305a1e73
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  107ecc73_f7ba_852f_6055_a4afe8ee6738 --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  371dd337_ef60_e213_cd47_c161aaf60ec9["analytics"]
  107ecc73_f7ba_852f_6055_a4afe8ee6738 --> 371dd337_ef60_e213_cd47_c161aaf60ec9
  019af224_64cb_7f64_b0c9_b89ae38127a5["providers"]
  107ecc73_f7ba_852f_6055_a4afe8ee6738 --> 019af224_64cb_7f64_b0c9_b89ae38127a5
  96af2142_6218_7e81_b315_d8e5b5579f90["tailwind-indicator"]
  107ecc73_f7ba_852f_6055_a4afe8ee6738 --> 96af2142_6218_7e81_b315_d8e5b5579f90
  b32b676a_2f3c_a414_ddd9_70718c9a37ca["theme-switcher"]
  107ecc73_f7ba_852f_6055_a4afe8ee6738 --> b32b676a_2f3c_a414_ddd9_70718c9a37ca
  451f846c_9472_7169_b4ec_c26af21c9de9["toaster"]
  107ecc73_f7ba_852f_6055_a4afe8ee6738 --> 451f846c_9472_7169_b4ec_c26af21c9de9
  3cb5857a_3be0_ab60_e15e_71832da22eb9["sonner"]
  107ecc73_f7ba_852f_6055_a4afe8ee6738 --> 3cb5857a_3be0_ab60_e15e_71832da22eb9
  36447706_fe83_250a_478f_8dfbaa9303ec["toaster"]
  107ecc73_f7ba_852f_6055_a4afe8ee6738 --> 36447706_fe83_250a_478f_8dfbaa9303ec
  style 107ecc73_f7ba_852f_6055_a4afe8ee6738 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import "@/styles/globals.css"
import { Metadata, Viewport } from "next"

import { META_THEME_COLORS, siteConfig } from "@/config/site"
import { fontMono, fontSans } from "@/lib/fonts"
import { cn } from "@/lib/utils"
import { Analytics } from "@/components/analytics"
import { ThemeProvider } from "@/components/providers"
import { TailwindIndicator } from "@/components/tailwind-indicator"
import { ThemeSwitcher } from "@/components/theme-switcher"
import { Toaster as DefaultToaster } from "@/registry/default/ui/toaster"
import { Toaster as NewYorkSonner } from "@/registry/new-york/ui/sonner"
import { Toaster as NewYorkToaster } from "@/registry/new-york/ui/toaster"

export const metadata: Metadata = {
  title: {
    default: siteConfig.name,
    template: `%s - ${siteConfig.name}`,
  },
  metadataBase: new URL(siteConfig.url),
  description: siteConfig.description,
  keywords: [
    "Next.js",
    "React",
    "Tailwind CSS",
    "Server Components",
    "Radix UI",
  ],
  authors: [
    {
      name: "shadcn",
      url: "https://shadcn.com",
    },
  ],
  creator: "shadcn",
  openGraph: {
    type: "website",
    locale: "en_US",
    url: siteConfig.url,
    title: siteConfig.name,
    description: siteConfig.description,
    siteName: siteConfig.name,
    images: [
      {
        url: siteConfig.ogImage,
        width: 1200,
        height: 630,
        alt: siteConfig.name,
      },
    ],
  },
  twitter: {
    card: "summary_large_image",
    title: siteConfig.name,
    description: siteConfig.description,
    images: [siteConfig.ogImage],
    creator: "@shadcn",
  },
  icons: {
    icon: "/favicon.ico",
// ... (63 more lines)

Subdomains

Functions

Dependencies

  • analytics
  • fonts
  • globals.css
  • next
  • providers
  • site
  • sonner
  • tailwind-indicator
  • theme-switcher
  • toaster
  • toaster
  • utils

Frequently Asked Questions

What does layout.tsx do?
layout.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 layout.tsx?
layout.tsx defines 1 function(s): RootLayout.
What does layout.tsx depend on?
layout.tsx imports 12 module(s): analytics, fonts, globals.css, next, providers, site, sonner, tailwind-indicator, and 4 more.
Where is layout.tsx in the architecture?
layout.tsx is located at deprecated/www/app/layout.tsx (domain: ComponentRegistry, subdomain: Styles, directory: deprecated/www/app).

Analyze Your Own Codebase

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

Try Supermodel Free