Extra support for more descriptive page.(jsx,tsx) file names

[VercammenJens]

Hi

Not sure if there already has been, or is an active discussion about this. But my suggestions was to add support for filenames like home.page.tsx or page.home.tsx for NextJS App router page files. The exact structure is yet to be defined by the next.js team ofcourse.

I know the folder name already defines the page it is, but something like this could be a small but effective developer experience improvement in my opinion.

WDYT?

[SidKH]

Hm.. looks interesting 🤔
I like home.page.tsx format

In the meanwhile, you can add this to VSCode/Cursor settings to get better UX

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