Skip to main content

Page Naming Conventions

The routes files is part of the "framework" (i.e. react-router)

Pages don't follow domain naming.

  • A page can contain content from different domains.
  • Domain components only show 1 thing at a time, which is the domain model.

Format

/routes/{actor}/{...url_path}/actor-{...url_path}-{page-prefix}-page.jsx

Format Example

/routes/employers/careers/jobs/employers-careers-jobs-list-page.jsx

formatvalue
{actor}employers
{...url_path}careers/jobs
{page-prefix}list

Examples

URL PathPage File Name
/employers/routes/employers/employers-landing-page.jsx
/login/routes/employers/employers-login-page.jsx
/employers/dashboard/routes/employers/employers-dashboard-page.jsx
/employers/careers/jobs/routes/employers/careers/jobs/employers-careers-jobs-list-page.jsx
/employers/careers/jobs/create/routes/employers/careers/jobs/employers-careers-jobs-create-page.jsx
/employers/careers/jobs/{slug}/routes/employers/careers/jobs/employers-careers-jobs-detail-page.jsx
/employers/companies/routes/employers/companies/employers-companies-list-page.jsx
/employers/companies/{id}/routes/employers/companies/employers-companies-detail-page.jsx