My App

File Conventions

File Conventions

Naming and structure rules for Dex files.

Pages

FileRoute
index.tsx/
about.tsx/about
[id].tsx/:id
[...slug].tsx/*

Layouts

FilePurpose
global.tsxWraps all pages
blog.tsxWraps /blog/*
layout.tsxPage-specific (in pages folder)

Ignored Files

Files/folders starting with _ are ignored:

  • _private.tsx
  • _utils/
  • pages/_internal/

Export Rules

Page Exports

// Default export is required
export default function Page() { }

// Optional metadata
export const metadata = {
  title: "Page Title",
  description: "Page description"
}

// Optional layout
export function layout({ children }) {
  return <div>{children}</div>
}

Layout Exports

// Default export is required
export default function Layout({ children }) {
  return <div>{children}</div>
}

On this page