Bileşenler Türleri

Bileşenleri siz tanımlarsınız. Bileşenler, UI ile bağlantı kuran veri katmanıdır.

**Özel Bileşenler **Blog Yazıları, Yazarlar, adresler, özel ham veriler vb.'dir. **UI Bileşenleri **yalnızca UI Öğeleri, alt bilgi, üst bilgi, hero vb. olarak işaretlenmiş Özel bileşenlerdir. **Sistem Bileşenleri **CMS tarafından Ülke ve Dil olarak önceden tanımlanmıştır

UI Bileşenleri nedir?

Sayfalar birden fazla UI Bileşeninden oluşur.

Örnekler:

• hero-block
• feature-block
• image-carousel
• header/footer

Her UI Bileşeni sayfanızın bir bölümünü temsil eder.

UI Bileşeni İş Akışı

1. Bileşen oluşturucuda bir bileşen (bloğun yapısı) tanımlayın
2. UI bileşenini oluşturun
3. UI Bileşenini bir sayfaya atayın
4. Blok kaydında ve oluşturucu kurulumunda uygun blok ile istemcide render edin

Örnek: Hero Blok Şeması

Bir hero bloğu şunları içerebilir:

• Görsel
• Başlık
• Alt Başlık

Editörde JSON Şeması

[
  {
    "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"
  }
]

Yönetici Paneli Kurulumu

• Yeni bir blok oluşturun
• Şemayı ekleyin (HeroSchema)
• Bloğu adlandırın (ör. hero-block)

Bloğu Sayfaya Atayın

• Yönetici panelinde bir rotaya gidin
• Sayfayı Ata düğmesine tıklayın
• Yeni oluşturulan bloğu ekleyin

İstemcide Oluşturma

Atandıktan sonra blok, oluşturucu kurulumunuz kullanılarak istemci tarafında alınabilir ve render edilebilir.