Geçen yaz amcamın marangoz atölyesinde ona yardım ederken, eski ve içi geçmiş bir tahta parçasına en kaliteli çelik çiviyi çakmaya çalıştım. Çivi girmediği gibi tahta da ortadan ikiye yarıldı. Amcam gözlüğünün üstünden bakıp şöyle dedi: “Çürük tahtaya altın çivi çaksan da dikiş tutmaz. Ustalık alette değil, o aletin işleyebileceği doğru malzemeyi seçmektedir.”
İşte yapay zeka ile ürün geliştirirken yapılan en büyük hata budur. On yıllık, bol boilerplate (basmakalıp) kod gerektiren, dosyaların birbirine spagetti gibi bağlandığı eski nesil bir “Tech Stack” (teknoloji yığını) üzerine AI inşa etmeye çalışmak, çürük tahtaya altın çivi çakmaktır. Vibe Coder, yapay zekanın en rahat, en az hata ile ve en öngörülebilir şekilde çalışacağı o kusursuz tezgahı kuran kişidir.
AI-Native Bir Tech Stack Neden Farklıdır?
Geleneksel yazılımda teknoloji seçerken performans, topluluk desteği veya sunucu maliyetlerine bakardık. Vibe coding çağında ise birincil metrik şudur: “Yapay zeka bu framework’ün bağlamını tek seferde ne kadar iyi anlayabiliyor?”
Yapay zeka modelleri desen tanıma (pattern matching) makineleridir. Eğer seçtiğiniz teknoloji çok fazla soyutlama (abstraction) içeriyorsa, stiller bir dosyada, mantık başka bir dosyada, veri çekme işlemi bambaşka bir servisteyse, AI o bağlamı bir arada tutamaz ve halüsinasyon başlar.
İşte 2026’nın gerçek Vibe Coder’larının üretim hızını arşa çıkaran o kusursuz üçlü:
1. Frontend ve Mantık: Next.js (App Router) Yapay zeka React’i çok seviyor çünkü internetin yarısı React ile yazılmış durumda. Modelin eğitim verisi React desenleriyle dolu. Ancak Next.js’in App Router mimarisi bu işi bir adım öteye taşıyor. Klasör yapısının doğrudan URL rotalarına denk gelmesi (file-based routing), AI’a “Bana bir dashboard sayfası yap” dediğinizde dosyayı nereye koyacağını ve veriyi nerede çekeceğini (Server Components) saniye düşünmeden bilmesini sağlıyor. Tahmin edilebilirlik, AI’ın en iyi dostudur.
2. Şekillendirme (Styling): Tailwind CSS Birçok “eski toprak” yazılımcı Tailwind’i HTML’i kirlettiği için sevmez. Ancak Vibe Coder için Tailwind bir can simididir. Neden mi? Çünkü AI’dan bir butonu kırmızı yapmasını ve biraz yuvarlatmasını istediğinizde, AI’ın styles.css dosyasını bulması, oraya bir class yazması, sonra gelip o class’ı component’e eklemesi iki ayrı bağlam penceresi (context window) demektir. Tailwind ile her şey aynı dosyanın içindedir. AI, componenti yazarken stilini de aynı satırda anında giydirir. Bağlam kopmaz, akış bozulmaz.
3. Backend ve Veritabanı: Supabase (veya türevleri BaaS platformları) Bölüm 1’de ne demiştik? Kod bir yüktür. Kullanıcı kaydı, şifre sıfırlama mailleri veya basit CRUD (Oluştur, Oku, Güncelle, Sil) işlemleri için sıfırdan Node.js veya Go backend’i yazmak, Vibe Coder felsefesine ihanettir. Supabase gibi Postgres tabanlı platformlar, veritabanı şemanızı oluşturduğunuz anda size hazır API’ler sunar. AI’a sadece “Şu tablo yapısını oluşturacak SQL’i yaz” dersiniz. Tabloyu Supabase’e yapıştırırsınız ve backend biter. Kalan tüm enerjinizi ürünün kullanıcı deneyimine harcarsınız.
Özetle, mimari kararınızı verirken kendinize “Ben bu kodu nasıl yazarım?” diye değil, “Yapay zeka bu yapının içinde kaybolmadan nasıl gezinir?” diye sormalısınız. Doğru stack seçildiğinde, günler süren refactoring işlemleri saniyelere düşer.
Bir sonraki bölümde, bu kusursuz tezgahın en kritik parçasını, yani AI’ın en çok tökezlediği “Veritabanı Şeması Tasarımı” konusunu (Bölüm 2.2) masaya yatıracağız.