---
title: Listeler
description: Koleksiyon verilerini tekrarlayan yapılarla gösterme
---

Liste öğeleri, bir veri kaynağındaki birden fazla öğeyi aynı yapı içinde tekrarlamak için kullanılır. Örneğin, bir ürün kategorisine ait tüm ürünleri listelemek için bir **liste bileşeni (repeater)** kullanılır.

Liste yapılandırmasında:

1. Bir **koleksiyon veri kaynağı** seçilir (örnek: “Yeni Gelen Ürünler”).
2. Bu koleksiyondaki her bir öğe için aynı düzen tekrarlanır.
3. Her tekrarlanan öğede, ürün adı, fiyat, görsel gibi alanlar veri kaynağından bağlanır.
4. Liste öğelerinin her biri, kendi sayfasına yönlendirme gibi aksiyonlara sahip olabilir.

Bu örnekte ürünün varyantlarını bir liste sayesinde göstereceğiz. Üstteki ürün detayda örneğini kullanıyoruz.

<Video src="/media/ikas-studio-erken-erisime-davetiniz/Clipboard-20250802-145241-713.mp4" caption="Listeler" muted autoPlay loop />

#### Örnek Ürün Listesi

Bu örnekten, ana sayfada kullanabileceğimiz bir ürün listesi yapıyoruz. Bunu yaparken, ilk başta bir Ürün verisi alan bir Product Card komponenti oluşturuyoruz. Daha sonra, bu komponenti bir Ürün Listesinde kullanıyoruz. 

<Video src="/media/ikas-studio-erken-erisime-davetiniz/Clipboard-20250802-150328-651.mp4" caption="Örnek Ürün Listesi" muted autoPlay loop />

