Global title/meta template for nested routes in TanStack Start

[Wizzlesky124]

Currently, every child route must manually compose <title> or other tags if a consistent prefix or suffix is needed (e.g., a company name, brand, or site-wide prefix). This leads to repetition.

Proposed Solution:

Add support for a global title/meta template at the root route (or any parent route) that child routes automatically inherit. The idea is similar to Next.js’ title.template feature in the App Router.

const RootRoute = createRootRouteWithContext()({
  head: () => ({
    titleTemplate: '%s | SiteName', // automatically applies to child routes
    meta: [
      { name: 'description', content: 'Default site description' },
    ],
  }),
});

const AboutRoute = createFileRoute('/about')({
  head: () => ({
    title: 'About', // final title becomes "About | SiteName" // final title becomes "About | SiteName"
    meta: [
      { name: 'description', content: 'About page description' },
    ],
  }),
});