---
title: Genel Bakış
description: Kod moduna genel bakış.
icon: Code
---

<Video src="/media/ikas-studio/code/ai-assistant.mp4" autoPlay muted loop controls />

Kod modu, ikas Studio dışında **yerel geliştirme ortamınızda** bölüm ve bileşen yazmanızı sağlar. **ikas CLI** ile projenizi oluşturur, **Preact** üzerinde geliştirme yapar ve geliştirme sunucusu üzerinden temanıza bağlarsınız. Tüm tasarım ve mantık doğrudan Preact üzerinden yönetildiği için bu modda hazırlanan bölüm ve bileşenler için Tasarım veya Blueprint modu bulunmaz.

## Tech-stack

<div className="my-6 flex flex-wrap items-center gap-6">
  <span className="inline-flex items-center gap-2 text-sm font-medium">
    <ComponentIcon className="size-5" />
    Preact
  </span>
  <span className="inline-flex items-center gap-2 text-sm font-medium">
    <CodeXmlIcon className="size-5" />
    JavaScript
  </span>
  <span className="inline-flex items-center gap-2 text-sm font-medium">
    <PaintBucketIcon className="size-5" />
    CSS
  </span>
</div>

<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="warning" title="Dış paket kısıtlaması">
Şu an için bu kod tabanına dışarıdan bir paket kurularak kullanım desteklenmemektedir. Geliştirme yaparken yalnızca proje ile birlikte gelen bağımlılıklar üzerinden ilerlemeniz gerekir.
</Callout>

---

<Cards className="grid-cols-3">
  <CardInline icon={<FolderCodeIcon />} title="Kurulum" href="/tr/docs/ikas-studio/code/installation">
    CLI kurulumu, proje oluşturma ve temaya bağlama.
  </CardInline>
  <CardInline icon={<FolderTreeIcon />} title="Proje Yapısı" href="/tr/docs/ikas-studio/code/project-structure">
    Projedeki dosya ve klasörlerin görevleri.
  </CardInline>
  <CardInline icon={<MessageSquareCodeIcon />} title="AI Asistan" href="/tr/docs/ikas-studio/code/ai-assistant">
    Cursor ikas MCP entegrasyonu.
  </CardInline>
</Cards>