Let user shadow "ghost" page templates

[raae]

They could, of course, shadow the page template and then use a conditional to choose if they are on a specific page and if so use another component.

However, it would be nice if they could simply create a page template named page-<filename> or page-<index>.

This is similar to the page hierarchy in WordPress.

[raae]

This is possible

// Template hierarchy function
const resolveTemplate = (...paths) => {
  const requireTemplate = path => {
    try {
      return require.resolve(path)
    } catch (error) {
      return false
    }
  }

  for (const path of paths) {
    const template = requireTemplate(path)
    if (template) {
      return template
    }
  }

  throw new Error("No valid template paths", paths)
}

// In create page
const template = resolveTemplate(
  `./src/templates/page-name-${node.name}.js`,
  `./src/templates/page-number-${index}.js`,
  `./src/templates/page.js`
)

[raae]

It is not possible. If the file is not in the theme it is not allowed to be overwritten.