---
title: Headless Tema (Eski)
description: ikas Studio öncesinde kullanılan Next.js tabanlı headless tema altyapısının arşiv dokümantasyonu.
---

<Callout type="warn" title="Eski altyapı">
Bu sayfa, ikas Studio öncesindeki headless tema altyapısını anlatır. Yeni temalar için [ikas Studio](https://builders.ikas.com/docs/ikas-studio) dokümantasyonunu kullanın.
</Callout>

Bu bölüm, ikas mağazaları için [Next.js](https://nextjs.org/), TypeScript ve MobX üzerine kurulu headless temalar geliştirmeye yönelik eski dokümantasyonu içerir. Bu altyapıda temalar `create-ikas-theme` CLI'ı ile oluşturulur, `@ikas/storefront` kütüphanesiyle veri çekilir ve component'ler theme editöründe tanımlanarak satıcıların özelleştirmesine açılır.

Mevcut headless temalarınızın bakımını yapıyorsanız bu bölümü referans olarak kullanabilirsiniz. Yeni bir tema geliştirecekseniz [ikas Studio](https://builders.ikas.com/docs/ikas-studio) ile başlayın.

## Bu bölümde neler var?

<Cards>
  <Card title="Başlarken" href="/docs/headless-theme/getting-started/introduction">
    İlk temanızı oluşturun, theme editörünü tanıyın ve ilk component'lerinizi yazın.
  </Card>
  <Card title="Prop tipleri" href="/docs/headless-theme/prop-types/introduction">
    Component'lerinizin satıcıdan alabileceği tüm prop tiplerini inceleyin.
  </Card>
  <Card title="Tema ayarları" href="/docs/headless-theme/theme-settings/introduction">
    Favicon, renk, font ve çeviri gibi global ayarları yönetin.
  </Card>
  <Card title="Örnek tema" href="/docs/headless-theme/example-theme/introduction">
    Header, ürün detayı, sepet ve hesap sayfaları gibi örnek component'leri adım adım inceleyin.
  </Card>
  <Card title="Temayı yayınlama" href="/docs/headless-theme/publishing-a-theme">
    Tema kaynak kodunuzu yükleyip belirli mağazalarda yayınlayın.
  </Card>
  <Card title="API referansı" href="/docs/headless-theme/api">
    `@ikas/storefront` model, store ve component referansına göz atın.
  </Card>
</Cards>