Keyof typeof

export const ROUTES = {
  home: "/",
  profile: "/me",
} as const;

export type Route = keyof typeof ROUTES;

export const path: Route = "profile";

typeof ROUTES даёт тип объекта, keyof превращает его в "home" | "profile". Добавишь в ROUTES новый маршрут, и он автоматически появится в Route.

Зачем as const

На ключи as const не влияет: keyof typeof ROUTES дал бы "home" | "profile" и без него. Он нужен для значений. Без as const тип объекта такой:

{ home: string; profile: string }

а с ним:

{ readonly home: "/"; readonly profile: "/me" }

Теперь можно получить и тип всех путей, и проверять их так же строго, как ключи:

type Path = (typeof ROUTES)[Route]; // "/" | "/me"

Заодно объект стал readonly, и случайно переписать маршрут в коде не получится.

Два разных typeof

В JavaScript typeof x возвращает строку вроде "object". В TypeScript в позиции типа, после двоеточия или в type ... =, typeof означает «тип этой переменной». Это разные операторы с одним именем, и какой из них работает, определяется местом в коде.

satisfies

Если хочется и проверить объект по форме, и не потерять литералы, as const сочетают с satisfies:

export const ROUTES = {
  home: "/",
  profile: "/me",
} as const satisfies Record<string,

Опечатка вроде profile: "me" сразу станет ошибкой, а типы значений останутся точными.