---
title: Genel Bakış
description: ikas Studio tema geliştirme ortamına genel bakış.
icon: House
---

ikas Studio, geliştiricilerin profesyonel e-ticaret temaları oluşturmasını sağlayan tema geliştirme ortamıdır. Görsel bir canvas üzerinde tasarım yapabilir, node tabanlı bir mod ile iş mantığını kurabilir, dilerseniz yerel ortamınızda kod yazarak bölüm ve bileşen geliştirebilir, hazırladığınız tüm yapıları içerik modu aracılığıyla yönetebilirsiniz.

ikas Studio'da dört temel mod bulunur. Her biri tema geliştirme sürecinin farklı bir yönüne odaklanır.

<Callout type="warning" title="Son kullanıcı erişimi">
Mağaza sahipleri (son kullanıcılar) yalnızca **İçerik** moduna erişebilir. **Tasarım**, **Blueprint** ve **Kod** modları yalnızca tema geliştiricilere açıktır. Bu nedenle tema geliştirirken, son kullanıcının ihtiyaç duyacağı tüm düzenleme ve yapılandırma seçeneklerini İçerik modu üzerinden sunacak şekilde planlamanız gerekmektedir.
</Callout>

<Callout type="info" title="Video anlatımları">
Doküman içerisinde yer alan video anlatımlarında **Blueprint** modu, önceki adı olan **Kod** olarak görünebilir. Mod isminin **Blueprint** olarak güncellendiğini göz önünde bulundurabilirsiniz. Yeni eklenen **Kod** modu ise aşağıda anlatılan yerel geliştirme deneyimini ifade eder.
</Callout>

## İçerik

Tasarım, Blueprint ve Kod modlarında hazırladığınız bölüm ve bileşenleri bir araya getirerek temanızı dilediğiniz gibi kontrol etmenizi sağlar. Sayfa yapısını düzenleyebilir, bölüm ve bileşenlerin sırasını değiştirebilir ve içeriklerinizi yönetebilirsiniz. Bu alan sayesinde tema geliştiriciler, son kullanıcıya sunulacak deneyimi tam anlamıyla şekillendirir.

## Tasarım

Temalarınızın görsel yapısını stil özellikleriyle doğrudan bir canvas üzerinden oluşturursunuz. Element'leri sürükleyip bırakarak, katmanları düzenleyerek ve stil ayarlarını yaparak piksel düzeyinde kontrol sahibi olursunuz. Kod yazmadan, tamamen görsel bir arayüzle profesyonel düzeyde tasarımlar üretebilirsiniz.

## Blueprint

Node tabanlı bir görsel mod sunar. Sürükle-bırak işlemleriyle mantıksal akışlar oluşturabilir, koşullar tanımlayabilir ve veri işlemleri gerçekleştirebilirsiniz. Bu modun en büyük avantajı, ikas'ın e-ticaret özelinde hazırladığı modellere (ürün, sepet, sipariş vb.) doğrudan erişim sağlamasıdır. Böylece karmaşık e-ticaret mantıklarını tek satır kod yazmadan, hazır veri modelleri üzerinden kurabilirsiniz.

## Kod

Kod yazarak çalışmayı tercih eden geliştiriciler için **Preact** tabanlı yerel bir geliştirme akışı sunar. Yapay zeka destekli bir akışla bölüm ve bileşenlerinizi yazar, hazırladığınız yapıları temanızda kolayca kullanabilirsiniz. Kod modunda hazırlanan bölüm ve bileşenler için Tasarım veya Blueprint modu bulunmaz; tüm tasarım ve mantık doğrudan Preact üzerinden yönetilir.

<Callout type="warning" title="Beta">
Kod modu şu anda beta aşamasındadır. Akış ve özelliklerde değişiklikler olabilir; geri bildirimleriniz sürecin olgunlaşmasına katkı sağlayacaktır.
</Callout>

---

<Callout type="info" title="Builder modu">
Builder modu varsayılan olarak kapalı gelir ve son kullanıcıların sade bir arayüzde temalarını yönetmesini sağlar. Geliştiriciler Builder modunu açarak Tasarım, Blueprint ve Kod modlarına erişim sağlayabilir.

<ImageZoom src="/media/ikas-studio/builder-mode.png" alt="Builder modu" width={1600} height={900} style={{ width: "100%", boxShadow: "0 4px 24px rgba(0, 0, 0, 0.08)" }} />
</Callout>