Every tab in my editor is just 'page.tsx'—who designed this mess?

[batchor]

Who thought it was a good idea to make every file in a Next.js project just page.tsx?

When you're working on an app with dozens of routes, every tab in your editor looks the same. How does anyone at Vercel not find this infuriating?

[SidKH]

Yep, it can be confusing. But it's a tradeoff for being able to collocate other files inside the route without conflicts.

As a quick visual fix, you can add this to your VSCode/Cursor config:

"workbench.editor.customLabels.patterns": {
  "**/app/**/page.tsx": "${dirname} - page.tsx",
  "**/app/**/layout.tsx": "${dirname} - layout.tsx",
  "**/app/**/error.tsx": "${dirname} - error.tsx"
},