Параметрична маршрутизація

Параметричні сторінки

Параметричні сторінки дають змогу об’єднати кілька сторінок під тією самою 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. Прив’яжіть поле до слага маршруту

Перейдіть до Country schema → Edit Schema

Призначте поле code як Route Slug Field.

Це означає, що дійсними маршрутами будуть: /us/landingPage

Недійсні маршрути:

• /Англійська/landingPage
• /Сполучені Штати/landingPage

Результат

• Кожен документ створює нову сторінку
• 3 документи = 3 цільові сторінки
• Додавання нових документів автоматично створює нові маршрути

Що далі

Ознайомтеся з Setting up Parametric Routing із рендерером, щоб відображати параметричні сторінки