Collection of Pages with Components

Параметрические страницы

Параметрические страницы позволяют объединять несколько страниц под одним и тем же URL.

/{country}/landingPage   // целевая страница, учитывающая страну
/{lang}/products        // страница списка продуктов для нескольких языков
/{categories}/{blogPost} // пользовательские записи блога, разделённые по категориям

Параметрические страницы работают следующим образом:

• Вы подключаете пользовательский компонент к слагу {country} или {lang}, либо к любому другому выбранному вами слагу, например {categories}
• Для пользовательских слагов, таких как {categories}, подключаемый компонент должен определить «Route Slug» в конструкторе компонентов
• Вы создаёте документы в этой схеме, чтобы динамически генерировать несколько страниц

Шаг 1. Настройте параметрический маршрут

В административной панели создайте параметрический маршрут: /{country}/landingPage

Затем свяжите слаг {country} со схемой Country.

Предупреждение «No default slug field configured for this component» означает, что система ещё не знает, какое поле схемы следует использовать в качестве URL-слага. Это будет исправлено на следующем шаге.

Шаг 2. Создайте схему и документы

Создайте схему Country в CMS.

Пример структуры:

{
  "code": "us",
  "name": "Соединённые Штаты",
  "language": "Английский"
}

Предположим, что сейчас у вас есть 3 документа в этой схеме.

Шаг 3. Свяжите поле с Route Slug

Перейдите в Country schema → Edit Schema

Назначьте поле code в качестве Route Slug Field.

Это означает, что допустимые маршруты будут такими: /us/landingPage

Недопустимые маршруты:

• /English/landingPage
• /United States/landingPage

Результат

• Каждый документ создаёт новую страницу
• 3 документа = 3 целевые страницы
• Добавление дополнительных документов автоматически создаёт больше маршрутов

Что дальше

См. Setting up Parametric Routing с рендерером для отображения параметрических страниц