/build ekranını uçtan uca öğren

/build, Inora'nın kalbidir. Aklındaki fikri — "Bursa'daki kafem için sıcak tonlu bir landing sayfa" ya da "küçük muhasebe ofisime randevu formlu basit site" gibi — tek paragrafta anlattığın anda, arka planda yapay zekâ ekibi sayfanın her parçasını (tasarım, HTML, içerik, SEO) eş zamanlı kurmaya başlar. Sen sağ tarafta canlı önizlemenin satır satır oluştuğunu görürsün.

Teknik tarafa kısacık değinelim, çünkü neyin nasıl olduğunu bilmek seni rahatlatır: Inora altında, dünyanın en güçlü dil modellerinden Anthropic Claude bulunur. Yazdığın brief modele "akış" (SSE) protokolüyle gönderilir; model cevabı parça parça yazar, biz de bu parçaları FileStreamParser dediğimiz akıllı bir ayıklayıcıdan geçirerek "hangi dosya, hangi satır, hangi içerik" diye sınıflandırırız.

Bu sayede tek bir cevapta birden fazla dosya — index.html, styles.css, app.js, görsel klasörü, package.json — paralel olarak yazılır. Önizleme her yeni dosyayı anında montajlar; beklemek yerine yapımı izlersin. Hata olursa Inora kendi başına düzeltmeyi dener, çıkamadığı yerde sana sade dille sorar.

Kısacası /build üç şeyi bir araya getirir: (1) doğal dilde brief yazma veya konuşma, (2) akış halinde çoklu dosya üretimi, (3) canlı sahnede anında düzeltebileceğin önizleme. Sonraki bölümlerde her birini ayrı ayrı işleyeceğiz.

/build sayfasını açtığında ortada büyük, neredeyse boş bir prompt kutusu görürsün. Çoğu insan bu noktada elinin parmaklı klavyenin üstünde durduğunu fark eder ve donar — "ne yazayım ki?" Cevap basit: aklındakini gündelik Türkçeyle anlat. Cümle bozuk olsa, virgül yanlış konsa, kelime tekrarlasa olur. Inora dil bilgisi öğretmenin değil.

Üç somut örnek üzerinden gidelim. Bunları doğrudan kopyalayabilir, kendi işine uyarlayabilirsin. Hepsi bir paragraf, hepsi konuşma diliyle.

Bu brief'lerden birini kopyaladıysan, prompt kutusuna yapıştır ve Enterbas. Inora birkaç saniye içinde iskelet planı çıkarır, dosyaları yazmaya başlar; sağdaki önizleme satır satır canlanır. İlk turu beklerken kahveni yapabilirsin — KOBİ landing'leri ortalama 60-120 saniyede ilk haliyle ekrana düşer.

Klavye seni yoruyorsa veya direksiyondaysan, prompt kutusunun sağ köşesindeki mikrofon ikonuna bas. Tarayıcın bir kez mikrofon izni isteyecek; "izin ver" dediğinde sonsuza dek aynı şeyi sormaz. Mikrofon aktifken küçük bir dalga animasyonu yanar ve konuşmanı dinler.

Inora'nın ses tanıması Türkçe için ayarlandı. Bursa ağzıyla da, İzmir ağzıyla da, Karadeniz tonuyla da çalışır — net kelimeler kullandığın sürece. Çevrendeki gürültü çoksa telefonunu ağzına bir parmak uzaklığa yaklaştırman yeter. Konuşurken metnin canlı olarak prompt kutusuna düştüğünü görürsün; yanlış anlaşılan bir kelime varsa elinle düzeltip konuşmaya devam edebilirsin.

Konuşmayı bitirince mikrofona tekrar bas; metin kutuda bekler. Üzerinde son bir göz gezdir, beğendiysen Enterile gönder. Konuşurken araya yazı da eklemek istersen, mikrofonu durdurmadan klavyeden de yazabilirsin; iki kanal ortak metne "enjekte" edilir. Konuşmayı duraklatıp tekrar başlatırsan kalan kısım kaldığı yerden eklenir, üstüne yazmaz.

Sesli not özellikle düzenleme turlarında çok hızlandırır. "Hero'daki başlığı 'Bursa'nın en sıcak pidesi' olarak değiştir, font biraz daha büyük olsun" demeyi yazmaktan çok daha rahat söylersin.

"Aklımda var ama anlatamıyorum" durumunda en hızlı çözüm: göster. /build prompt kutusunun yanındaki ataç ikonuna basıp en fazla dört imaj yükleyebilirsin. Bir beğendiğin sitenin ekran görüntüsü, kâğıda çizdiğin taslağın fotoğrafı, müşterinin gönderdiği bir mockup, hatta Instagram'da denk geldiğin bir referans — hepsi geçerli.

Inora görseli açıp inceler: renk paleti, tipografi hissi, bölüm yerleşimi, fotoğrafların pozisyonu, butonun büyüklüğü. Sonra brief'in ile birleştirip somut bir sayfa çıkarır. Verdiğin imaj olduğu gibi kopyalanmaz — fikir alınır, içerik senin işine uyarlanır. Bu hem telif açısından güvenli, hem de markanın özgün kalmasını sağlar.

En çok hangi senaryolarda hayat kurtarır? Birkaç örnek: (a) rakip firmanın sitesini yakaladın, "bu kadar temiz görünsün ama bizim renkler" diyorsun. (b) Tasarımcının Figma'dan attığı ekran görüntüleri var, ondan canlı siteye geçmek istiyorsun. (c) Defterine kalemle bir kabataslak kutu çizdin; fotoğrafını çek, Inora'nın okuduğunu görürsün. (d) Müşteri WhatsApp'tan "şuna benzesin" diye bir ekran gönderdi.

Sınırlar: bir seferde dört imaja kadar yükleyebilirsin (toplam 20 MB civarı). Daha fazlasını yüklemek istersen iterasyonun ikinci turunda yeni dört imaj daha gönderirsin — Inora hafızasında tutar. Çok büyük dosyalar için resmi web formatına (JPG / PNG / WEBP) sıkıştırılması yeterli; CamScanner veya iPhone'un kendi sıkıştırması iş görür.

Bazen sıfırdan brief yazmak yerine, hazır bir kurguyla başlamak daha hızlıdır. /build sayfasının üst kısmındaki "Şablon seç" bölümünde Türkiye KOBİ'leri için hazırlanmış sekiz şablon bulunur:

• Kafe / Restoran
• Berber / Kuaför
• Diş kliniği / Sağlık
• Emlak danışmanı
• Tek ürün e-ticaret
• Kurumsal hizmet (muhasebeci, avukat, mali müşavir)
• Atölye / Zanaatkâr
• Eğitim / Kurs

Şablona tıkladığında o sektör için tipik bölümler önceden yerleşmiş gelir: kafe şablonunda menü ve konum haritası, emlak şablonunda ilan listesi ve filtre, diş kliniğinde randevu CTA'sı. Üzerine kendi metinlerini, renklerini, fotoğraflarını ekledikçe şablon "senin sitene" dönüşür.

Şablon seçtikten sonra hangi teknolojiyle üretileceğine de karar verebilirsin. Üst menüden framework seçici açılır: Next.js (en güçlü, ileride büyütmek istersen), React (klasik tek sayfa uygulama), Astro (statik içerik ağırlıklı, en hızlı yüklenir), Svelte (hafif ve modern), veya HTML/CSS/JS(hiçbir kütüphane olmadan, en taşınabilir). Karar veremezsen "Otomatik" seçeneğini bırak; Inora KOBİ landing için genelde Next.js ya da statik HTML çıkarır.

Şablon ile brief'i birlikte de kullanabilirsin: önce şablonu seç, sonra prompt kutusuna "ama menüm Türk mutfağı odaklı olsun ve Whatsapp sipariş butonu en üstte hep dursun" gibi özelleştirmeleri yaz. Şablon başlangıç noktası, brief yön kırışı; ikisinin birleşimi en hızlı yoldur.

İlk tur bittiğinde önizleme sağda canlanır; sol tarafta da bir sohbet alanı belirir. Burası senin Inora ekibiyle konuşma kanalın. "Hero rengini biraz daha krem yap, çok cızırtılı durdu" gibi tek cümle yazıp Enter bas; saniyeler içinde değişikliği görürsün.

Birden fazla satır yazmak istersen Enter'ı bir kez bas, alta in, devam et — gönder düğmesine basana kadar mesaj birikir. Hızlı göndermek istediğinde Cmd+Enter (Mac) veya Ctrl+Enter(Windows) "her zaman gönder" kısayolu olarak çalışır; ayar değiştirmeden tek hamlede mesajı uçurursun.

Inora konuşurken — yani henüz cevabını yazmayı bitirmediğinde — fikrini değiştirebilirsin. Sohbet kutusunun yanında bir Dur düğmesi belirir. Bas, akış durur; mevcut yarım dosyalar kaybolmaz, son tutarlı duruma geri dönülür. Sonra yeni brief'ini yaz ve baştan al. Bu özellik token harcamanı da düşürür — beğenmediğin bir cevabın sonunu beklemen gerekmez.

İterasyonda en sık yapılan üç hata: (1) bir mesajda çok şey istemek — "rengi değiştir, hero metnini güncelle, yeni bir bölüm ekle, kontak formunu kaldır" gibi. Bunları üç ayrı mesaja böl. (2) belirsiz olmak — "biraz daha modern olsun" yerine "sans-serif font, daha bol boşluk" gibi somut yön ver. (3) önizlemenin yenilenmesini beklemeden hemen yeni cümle yazmak; akış bitsin, gör, sonra yaz.

Bazen tüm sayfa için değil, sadece küçük bir parça için değişiklik istersin: bir butonun metnini düzelt, bir div'in rengini değiştir, bir başlığa ek koy. Bunun için /build içinde küçük bir kod görüntüleyici vardır (sağ üst "Kod" sekmesinden açılır). Buradan istediğin parçayı fareyle seç, sonra Cmd+K (Mac) veya Ctrl+K (Windows) tuşuna bas.

Karşına küçük bir kutucuk açılır: "Bu kısımda ne değişsin?" Türkçeyle yaz. Örnek: "buradaki butonun rengini ana renge çevir, biraz da daha yuvarlak yap". Inora sadece o seçimi düzenler; sayfanın diğer 200 satırına dokunmaz. Bu hem güvenli, hem hızlı, hem de token açısından ekonomiktir.

Inline edit özellikle metin işlerinde çok faydalıdır: bir paragrafı seçip "biraz daha kısa, samimi tonda yeniden yaz", ya da bir başlığı seçip "SEO için anahtar kelime 'Bursa pide' geçsin". Birkaç saniye sonra önizleme yenilenir; beğenmediysen Cmd+Z ile geri al, yeniden dene.

Pratik bir ipucu: Cmd+K kutusu da sesli yazımı destekler. Kod parçacığını seç, Cmd+K bas, mikrofona bas ve direksiyon başında bile düzenleme yap. KOBİ patronları için bu kombinasyon "ayaktayken müşteriye söz verdiğin değişikliği aynı konuşmada yapma" senaryosunu mümkün kılar.

Kod sekmesinde gözüne tuhaf görünen bir satır veya bilmediğin bir blok gördüğünde, üzerine fareyle seç ve Cmd+. (Mac) veya Ctrl+.(Windows) tuşuna bas. Inora sağ tarafta küçük bir balon açar ve o parçanın ne yaptığını sade Türkçeyle anlatır: "bu satır hero bölümünün arkasındaki yumuşak geçişi (gradient) yapıyor" gibi.

Bu özellik teknik öğrenmek için değil — patron olarak neyi değiştirebileceğini, neyi bozarsan ne olacağını sezmek için faydalı. Tasarımcı, geliştirici veya ajansla konuşacağın zaman da işine yarar: "hero altındaki bu grid'i 6'dan 4'e indirin" demek için önce neyin grid olduğunu öğrenmen lazım — Inora bir tıkla söyler.

Açıklama balonu salt-okunurdur; orada düzenleme yapamazsın. Düzenlemek istiyorsan balonun altındaki "Bu parçayı düzenle" düğmesi seni Cmd+K akışına devreder. Yani Açıklama bir öğrenme aracı, Cmd+K bir düzenleme aracı; ikisi birlikte çalışır.

Her iterasyon Inora'nın hafızasında bir "tur" olarak tutulur. Beğenmediğin bir değişikliği geri almak için Word veya Photoshop'tan bildiğin standart kısayol çalışır: Cmd+Z (Mac) veya Ctrl+Z (Windows). Bir tur geri sarar; basmaya devam edersen turdan tura geri gidersin.

İleri sarmak istersen Cmd+Shift+Z ya da Ctrl+Y. Bu kombinasyonlar tüm tarayıcılarda çalışır; özel bir şey kurman gerekmez. Geri-ileri bandı sınırsız değil ama oturum içinde son 50 tur tutulur — pratikte bir çalışma seansı için fazlasıyla yeterli.

Daha hassas bir geri dönüş istersen sol panelin altındaki "Tur geçmişi" sekmesi açılır. Her turun yanında küçük bir önizleme görselleri (thumbnail) durur; istediğin tura tıklayıp "buraya dön" diyebilirsin. Bu hem Cmd+Z'den daha görsel, hem de uzun geçmişlerde tek hamlede geri almayı sağlar.

"Az önce ne değişti tam olarak?" sorusunun cevabı için diff görünümü vardır. Sağ üst "Diff" düğmesine bas; ekran ikiye bölünür. Solda önceki tur, sağda güncel hâl. Satır satır farkları yeşil (eklenen) ve kırmızı (silinen) renklerle gösterir.

Diff görünümü iki yönden işine yarar. Birincisi güven: Inora'nın söylediğini değil yaptığını görürsün. "Bu rengi değiştirdim" diyor ama farkında olmadan başka bir şeye dokunmuş mu? Kontrol edersin. İkincisi öğrenme: zamanla "ah, hero bölümü buradaki bu üç satırmış" gibi sezgi geliştirirsin.

Diff sadece son turla sınırlı değil. Üstteki açılır menüden hangi iki tur arasında karşılaştıracağını seçebilirsin: başlangıç ile son hâl, ya da 3. tur ile 7. tur gibi. Bu özellikle çok turlu projelerde "benim bilgisayar başında olmadığım sürede ne oldu" gibi sorulara cevap verir.

Inora hiçbir şeyi kaybetmez. Her tur, her dosya, her senin yazdığın brief otomatik olarak veritabanına kaydedilir. "Kaydet" düğmesi bile yoktur çünkü zaten arka planda her saniye senkron çalışır. Tarayıcını kazara kapatsan, internet bir an kesilse, bilgisayarı yeniden başlatsan — geri girdiğinde tam kaldığın yerden devam edersin.

Daha güzeli: iterasyonun ortasındaysan bile durumu yakalar. Inora cevabını yazmanın ortasındayken sekmeyi kapattığını düşün; ertesi gün açtığında o yarım cevabı, hangi dosyaların hangi noktada olduğunu hatırlar, "devam edelim mi?" diye sorar. Buna "mid-iteration resume" diyoruz; KOBİ patronu olarak adını bilmen şart değil, çalıştığını bilmen yeter.

Projelerin listesi /build sayfasının üst sol köşesindeki "Projelerim" menüsünden açılır. Her projenin yanında son düzenleme tarihi, kaç turluk geçmişi olduğu ve hangi framework'te olduğu görünür. Yeni proje açmak istersen "Yeni proje"ye bas; eski projen kaybolmaz, istediğin zaman geri dönersin.

Veriler şifreli kanaldan (HTTPS) taşınır ve AB / ABD veri merkezlerinde depolanır. Üçüncü taraflarla paylaşılmaz, modellerin eğitiminde kullanılmaz. Ayrıntı için /legal/kvkk sayfasına bak.

Beğendiğin projeyi dışarı çıkarmak için dört kanal var. Hangi durumda hangisi makul, kısa kısa anlatalım.

Dört kanalı birbirine alternatif gibi düşünme — birlikte de kullanılır. Tipik bir akış: önce WhatsApp önizlemesiyle müşteriden onay al, sonra Vercel'e deploy edip canlıya bas, paralel olarak GitHub'a sync et ki geliştirici ileride değiştirebilsin, en sonunda da ZIP'i arşivine indir.

/build ekranı klavye dostudur. Tek tuş — ? — tüm kısayolların listesini açar; aramak istediğin kelimeyi yazıp doğrudan tetikleyebilirsin. Bu liste yenilendikçe burada güncellenmez; her zaman canlı kaynak ? kısayoludur.

Bunun yanında bir de "komut paleti" var: Cmd+K(kod seçili değilken). Yeni proje aç, projeyi değiştir, framework değiştir, deploy et, dil değiştir gibi tüm aksiyonları buradan tek satır yazarak çalıştırırsın. macOS'taki Spotlight veya VSCode'daki komut paleti gibi düşün.

Inora baştan mobil düşünülerek tasarlandı. Telefonun tarayıcısından heyinora.com/build adresine girersin; sayfa küçük ekrana otomatik yerleşir. Üstte prompt kutusu, altta önizleme; aralarındaki bölümler "çekmece" (drawer) hâline gelir. Bir çekmeceye dokunduğunda alttan yukarı kayar, işin bitince aşağı kaydırıp kapatırsın.

Sesle anlat özelliği telefonda iki kat hayat kurtarır; mobil klavye küçük olduğu için uzun brief yazmak yorucu, oysa mikrofona basıp konuşmak akıcı. iPhone'da Safari ve Chrome desteklenir; Android'de Chrome ve Samsung Internet birinci sınıf, Firefox da çalışır.

Mobilde de geri-ileri, Cmd+K gibi kısayollar açılabilir klavye üstü çubuğundan tetiklenebilir. "Daha hızlı düzenlemek için bilgisayara geç" uyarısı çıkmaz; telefonda da tüm özellikler erişilebilir, sadece kod görüntüleyici küçük ekranda kullanışsız kalabilir, onun için "Bilgisayarda aç" düğmesi açılır link paylaşır.

Pratik bir tipik mobil senaryo: müşterinle masadasın, "şu rengi şöyle yap" diyor. Cebinden telefonu çıkar, /build sayfasını aç, son projeni tıkla, sesle değişikliği söyle, önizlemeyi göster, onay aldıysan "Vercel'e deploy"a bas. Tüm akış iki dakikada biter; geri ofise dönmen gerekmez.