All Systems Operational
Powered By
profound-logo
profound-logoProfound CMS
⌘K
Admin

Parametric Routing

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

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 separated 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.

Continue Reading
Previous‹Renderer ProjectNextComponents Types›

Hybrid

Setup Hybrid CMS ProjectParametric Pages with ComponentsTypes of ComponentsSetup server sent events (SSE) content refetchSetup admin panel proxyStatic Rendering with Edit Mode SupportScripting in Template BuilderGetting Started Hybrid

Headless

Quick startSplit Screen JSON Component Builder with LLMComponent Zod Pull

MCP

MCP with Claude Code / Codex

Feature

Documentation Site TemplateFeature Template BuilderTranslation ServiceOrganizations & Website Heirarchy

Motivation

Our Approch

Terminology

'Hybrid' vs 'Headless'

The “No Route Slug Field configured” 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 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