A Folder Plus page.tsx Is a URL · Next.js

Ch 2 · Routes Are Folders — card 1 of 5.

The rule is exact: a folder under app/ becomes a path segment, and a file named page.tsx inside it becomes the page shown there. A folder without a page.tsx creates no route — it is just organisation.

export default function OrdersPage() {
  return (
    <main>
      <h1>Orders</h1>
      <p>Every order in the system.</p>
    </main>
  );
}

A page must have a default export. A named export alone gives you a page that will not render, with a message that does not obviously say so.