Place the auth pages under a parenthesized route group, for example: ```text app/ (auth)/ login/page.tsx register/page.tsx forgot-password/page.tsx ``` The `(auth)` segment organizes layouts and code but is excluded from the URL, so the routes remain `/login`, `/register`, and `/forgot-password`. Add `app/(auth)/layout.tsx` for shared auth UI; route groups must not define conflicting paths.
Installs into .claude/skills of the current project.
Are you the author of Nextjs App Router?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-nextjs-app-router-405cae11)
# Route groups
Place the auth pages under a parenthesized route group, for example:
```text
app/
(auth)/
login/page.tsx
register/page.tsx
forgot-password/page.tsx
```
The `(auth)` segment organizes layouts and code but is excluded from the URL, so the routes remain `/login`, `/register`, and `/forgot-password`. Add `app/(auth)/layout.tsx` for shared auth UI; route groups must not define conflicting paths.
