Collection of Pages with Components

Parametric Pages

Parametric pages allow you to encapsulate multiple pages under the same URL.

/{country}/landingPage   // landing page that takes the country into account
/{lang}/products        // product listing page for multiple languages
/{categories}/{blogPost} // custom blog posts separated by category

Parametric pages work like this:

• You connect a custom component to the {country} or {lang} slug, or to any slug you define, such as {categories}.
• For custom slugs like {categories}, the connected component must define a "Route Slug" in the component builder.
• You create documents in that schema to generate multiple pages dynamically.

Step 1. Set Up a Parametric Route

In the admin panel, create a parametric route: /{country}/landingPage

Then connect the {country} slug to the Country schema.

The “No default slug field configured for this component” warning means the system does not yet know which schema field should be used as the URL slug. This will be resolved in the next step.

Step 2. Create the Schema and Documents

Create a Country schema in the CMS.

Example structure:

{
  "code": "us",
  "name": "United States",
  "language": "English"
}

Assume you currently have three documents in this schema.

Step 3. Bind the Field to the Route Slug

Go to Country schema → Edit Schema.

Bind the code field as the Route Slug Field.

This means valid routes will be: /us/landingPage

Invalid routes:

• /English/landingPage
• /United States/landingPage

Result

• Each document creates a new page.
• Three documents = three landing pages.
• Adding more documents automatically creates additional routes.

What’s Next

See Setting up Parametric Routing with a renderer to render parametric pages.