Collection of Pages with Components

Parametrische pagina's

Parametrische pagina's stellen je in staat meerdere pagina's onder dezelfde URL te bundelen.

/{country}/landingPage   // landingspagina die rekening houdt met het land
/{lang}/products        // productoverzichtspagina voor meerdere talen
/{categories}/{blogPost} // aangepaste blogberichten gescheiden op categorieën

Zo werken parametrische pagina's:

• Je koppelt een aangepast component aan de {country}- of {lang}-slug of een slug naar keuze, zoals {categories}
• Voor aangepaste slugs zoals {categories} moet het gekoppelde component een "Route Slug" definiëren in de component builder
• Je maakt documenten in dat schema om dynamisch meerdere pagina's te genereren

Stap 1. Stel een parametrische route in

Maak in het beheerpaneel een parametrische route: /{country}/landingPage

Verbind daarna de {country}-slug met het Country-schema.

De waarschuwing “No default slug field configured for this component” betekent dat het systeem nog niet weet welk schema-veld als URL-slug moet worden gebruikt. Dit lossen we in de volgende stap op.

Stap 2. Maak het schema en de documenten

Maak in het CMS een Country-schema.

Voorbeeldstructuur:

{
  "code": "us",
  "name": "Verenigde Staten",
  "language": "Engels"
}

Ga ervan uit dat je momenteel 3 documenten in dit schema hebt.

Stap 3. Koppel veld aan route-slug

Ga naar Country schema → Schema bewerken

Koppel het veld code als het Route Slug Field.

Dit betekent dat geldige routes zijn: /us/landingPage

Ongeldige routes:

• /English/landingPage
• /United States/landingPage

Resultaat

• Elk document maakt een nieuwe pagina aan
• 3 documenten = 3 landingspagina's
• Het toevoegen van meer documenten maakt automatisch meer routes aan

Wat nu

Bekijk Parametrische routering instellen met een renderer om parametrische pagina's te renderen