#282 Show Page Name In Browser Tab Title

[b-at-neu]

Closes #282

Summary

• Changed the root metadata.title.template separator from - to the bullet • (U+2022)
• Added metadata exports to every static page that was missing one (positions, applications, my-applications, users, global-questions, profile, login, dev-login)
• Added generateMetadata functions to three dynamic [id] pages (application detail, position apply, position edit) so each tab shows a record-specific title
• Left the dashboard page untouched — it correctly falls back to the bare Aplio default

Changes

• app/layout.tsx — change template separator from - to •
• app/(main)/positions/page.tsx — add metadata.title = 'Positions'
• app/(main)/(auth)/applications/page.tsx — add metadata.title = 'Applications'
• app/(main)/(auth)/my-applications/page.tsx — add metadata.title = 'My Applications'
• app/(main)/(auth)/users/page.tsx — add metadata.title = 'Users'
• app/(main)/(auth)/global-questions/page.tsx — add metadata.title = 'Global Questions'
• app/(main)/profile/page.tsx — add metadata.title = 'Profile'
• app/login/page.tsx — add metadata.title = 'Sign In'
• app/login/bypass/page.tsx — add metadata.title = 'Dev Login'
• app/(main)/(auth)/applications/[id]/page.tsx — add generateMetadata returning applicant name; falls back to {} when not found
• app/(main)/(auth)/positions/[id]/apply/page.tsx — add generateMetadata returning Apply: <title>; falls back to {} when not found
• app/(main)/(auth)/positions/[id]/edit/page.tsx — add generateMetadata returning Edit: <title>; falls back to {} when not found

Testing plan

• Run npm run dev and open each route, confirming browser tab text:
  • / (dashboard) → exactly Aplio (no suffix, no separator)
  • /positions → Aplio • Positions
  • /applications (as admin/manager) → Aplio • Applications
  • /my-applications → Aplio • My Applications
  • /users (as admin) → Aplio • Users
  • /global-questions (as admin) → Aplio • Global Questions
  • /profile → Aplio • Profile
  • /login → Aplio • Sign In
  • /login/bypass → Aplio • Dev Login
  • /positions/<id> (public detail) → Aplio • <Position Title>
  • /positions/<id>/apply → Aplio • Apply: <Position Title>
  • /positions/<id>/edit (as admin/manager) → Aplio • Edit: <Position Title>
  • /applications/<id> (as admin/manager) → Aplio • <Applicant Name>
• Verify the separator renders as • (bullet), not a hyphen or pipe
• Navigate to a non-existent /positions/<bad-id> → tab falls back to Aplio (default), page shows not-found
• Navigate to a non-existent /applications/<bad-id> → tab falls back to Aplio (default), page shows not-found

Automated checks

• prettier: pass
• eslint: pass
• tsc: pass

Notes

The bullet character • is U+2022 written literally in app/layout.tsx; it is distinct from a hyphen-minus or pipe. The dynamic generateMetadata functions reuse the same data-fetch calls the page already makes — Next.js/React request deduplication collapses identical fetches within a single request, so there is no extra DB cost.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
aplio	Ready	Preview, Comment	Jun 29, 2026 9:30am

[b-at-neu]

Code Review — Cycle 1 · needs revision

1 open — ⚪ Nit (see inline)

[b-at-neu]

Revision — Cycle 1

fixed R1-N1 · cee54c9

[b-at-neu]

Code Review — Cycle 2 · approved

0 open — clean