Improve Tab Readability in VSC with Next.js App Router – Custom Tab Names
Learn how to enhance your coding experience by customizing tab names in Visual Studio Code (VSC) with the Next.js App Router. In this tutorial, I’ll show you how to make your tab names more readable and organised, transforming files like ‘about/page.jsx’ into ‘About.jsx’.
| Key | Value |
| **/app/**/page.jsx | ${dirname}.${extname} |
| **/app/**/layout.js | ${dirname}.${extname} – layout |
| **/app/**/slug/page.jsx | ${dirname(1)}.${extname} |
Author
Hi! I’m Raddy. I am a web developer, often making YouTube Videos, Blog Posts and side projects. Enquiries: [email protected]
