mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Aurora ScharffandGitHub
03701bee74
## Summary <img width="1304" height="1546" alt="CleanShot 2026-07-19 at 01 07 57@2x" src="https://github.com/user-attachments/assets/b9a6a7c9-dc95-42d5-9cce-f29e6d869d92" /> Adds a "Set up your editor" section to the App Router installation guide. The App Router names files by convention (`page.tsx`, `layout.tsx`, `route.ts`), so an editor quickly fills with same-named tabs. This section shows how to tell them apart with VS Code / Cursor custom editor labels, labeled two folders deep so dynamic routes like `blog/[id]/page.tsx` do not all collapse to the same `[id]` label. It includes: - A copy-paste `.vscode/settings.json` config (`workbench.editor.customLabels.patterns`) for setting it up by hand. - A copyable prompt that points a coding agent back at this section to apply the config, including adapting it to other editors. - A good-to-know that JetBrains IDEs (WebStorm, IntelliJ) do this automatically. ## Verification - Previewed locally against the docs site: the section renders (HTTP 200), with the config block, the prompt card, and the good-to-know all rendering correctly. <!-- NEXT_JS_LLM_PR -->