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 country into account
/{lang}/products        // product listing page for multiple languages
/{categories}/{blogPost} // custom blog posts seperated by categories

The way parametric pages work is:

• You connect a custom component to the {country} or {lang} slug or any slug of your choice like {categories}
• For custom slugs like {categories} the connected component has to 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 fixed 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 3 documents in this schema.

Step 3. Bind Field to Route Slug

Go to the 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
• 3 documents = 3 landing pages
• Adding more documents automatically creates more routes

What’s Next

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