--- 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. Temanızı yerel ortamınızda kod yazarak geliştirir, hazırladığınız tüm yapıları içerik modu aracılığıyla son kullanıcının göreceği haliyle yönetirsiniz. ikas Studio'da tema geliştirme sürecinin merkezinde iki mod bulunur: **Kod** ve **İçerik**. ## Tema geliştirme akışı Bir temanın geliştirilmesinden mağazada kullanılmasına kadar izlediği yaygın akış şu şekildedir: 1. Geliştirici, temasını **Kod** modunda geliştirir. 2. Geliştirdiği temayı [partners.ikas.com](https://partners.ikas.com) üzerinden paylaşır. 3. Temayı **İçerik** modunda kendi mağazasında test eder. 4. Temayı kuran mağaza sahipleri, temaya **İçerik** modu üzerinden erişir ve mağazalarını yönetir. Mağaza sahipleri (son kullanıcılar) yalnızca **İçerik** moduna erişebilir. Diğer 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. ## 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. Tasarım ve mantık doğrudan Preact üzerinden yönetilir. Kod modu şu anda beta aşamasındadır. Akış ve özelliklerde değişiklikler olabilir. Sürecin olgunlaşmasına katkı sağlamak için geri bildirimlerinizi [ikas Builders Slack kanalı](https://join.slack.com/t/ikasbuilders/shared_invite/zt-45bugtqmv-qv46k4j2VwDn8WxYWzYsJQ) üzerinden bizimle paylaşabilirsiniz. Kod moduyla geliştirmeye başlamak için [Kod](https://builders.ikas.com/tr/docs/ikas-studio/code/overview) sayfasını inceleyebilirsiniz. ## İçerik İçerik modu, ikas Studio'yu son kullanıcının gözünden görmenizi sağlar. Sayfalarınızın son halini gerçek bir web sitesi gibi görüntüler, bölüm ve bileşenlerin sırasını değiştirir ve içeriklerinizi yönetirsiniz. Tema geliştiriciler bu mod üzerinden temalarını test eder; mağaza sahipleri ise mağazalarını bu mod üzerinden düzenler. İçerik modu hakkında detaylı bilgi için [İçerik](https://builders.ikas.com/tr/docs/ikas-studio/content/overview) sayfasını inceleyebilirsiniz. --- ## Diğer modlar ikas Studio'da Kod ve İçerik modlarının yanında **Tasarım** ve **Blueprint** modları da bulunur. Bu modlar, bölüm ve bileşenleri kod yazmadan görsel editör üzerinden hazırlamak isteyenler için ek araçlar olarak sunulur ve tema geliştirme akışının ön planında yer almaz. ### 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 kod yazmadan tasarım üretebilirsiniz. Kod modunda hazırlanan bölüm ve bileşenler için Tasarım modu bulunmaz. ### 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 ikas'ın e-ticaret özelinde hazırladığı modellere (ürün, sepet, sipariş vb.) doğrudan erişebilirsiniz. Kod modunda hazırlanan bölüm ve bileşenler için Blueprint modu bulunmaz. 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. Güncel **Kod** modu ise yukarıda anlatılan yerel geliştirme deneyimini ifade eder. --- 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 Kod, Tasarım ve Blueprint modlarına erişim sağlayabilir. --- Next.js tabanlı eski headless tema altyapısıyla geliştirilmiş bir temayı mı yönetiyorsunuz? Arşiv dokümantasyonuna [Headless Tema (Eski)](https://builders.ikas.com/docs/headless-theme) sayfasından ulaşabilirsiniz.