Componenttypen

Je definieert componenten. Componenten vormen de datalaag die de UI verbindt.

**Aangepaste componenten **zijn blogposts, auteurs, adressen, aangepaste ruwe gegevens, enz. **UI-componenten **zijn gewoon aangepaste componenten die als UI-elementen, voettekst, koptekst, hero, enz. zijn gemarkeerd. **Systeemcomponenten **zijn vooraf gedefinieerd door het CMS, zoals land en taal

Wat zijn UI-componenten?

Pagina's bestaan uit meer dan één UI-component

Voorbeelden:

• hero-blok
• feature-blok
• afbeeldingencarrousel
• koptekst/voettekst

Elke UI-component vertegenwoordigt een sectie van je pagina.

Workflow voor UI-componenten

1. Definieer een component (de structuur van het blok) in de componentenbouwer
2. Maak de UI-component
3. Wijs de UI-component aan een pagina toe
4. Render deze aan de clientzijde met het juiste blok in het blokregister en de renderer-configuratie

Voorbeeld: hero-blokschema

Een hero-blok kan het volgende bevatten:

• Afbeelding
• Kop
• Ondertitel

JSON-schema in de editor

[
  {
    "name": "heading",
    "type": "string",
    "required": false,
    "displayName": "heading"
  },
  {
    "name": "subtitle",
    "type": "string",
    "required": false,
    "displayName": "subtitle"
  },
  {
    "name": "hero_img",
    "type": "image",
    "required": false,
    "displayName": "hero_img"
  }
]

Beheerpaneelconfiguratie

• Maak een nieuw blok
• Koppel het schema (HeroSchema)
• Geef het blok een naam (bijv. hero-block)

Blok aan pagina toewijzen

• Ga naar een route in het beheerpaneel
• Klik op Assign Page
• Voeg het nieuw gemaakte blok toe