Vibe Coding Nedir? Lovable, Bolt, Cursor ile Site

Vibe coding, istediğiniz sonucu doğal dille anlatıp kodun tamamını yapay zekâya yazdırdığınız bir çalışma biçimi. Kodu satır satır okumak yerine ortaya çıkan sonuca bakarak ilerliyorsunuz. Terim, 2025 yılı başında yapay zekâ araştırmacısı Andrej Karpathy’nin paylaşımıyla yaygınlık kazandı.

Yapay zekâya “şöyle bir sayfa yap, şu renkleri kullan, şu formu ekle” diyerek hızlıca deneme sürümü çıkarabiliyorsunuz. Bu yazıda Lovable, Bolt ve Cursor gibi araç türlerini, iyi yaptıkları işi ve yayına almadan önce takıldıkları yerleri anlatıyorum.

Vibe coding araçları ve çalışma mantığı

Yapay zekâ ile kod yazarken kullanılan araçlar, çalışma alanlarına ve kullanıcıya sundukları kontrol seviyesine göre ayrılıyor. Aşağıdaki tabloda bu araç türlerinin temel farklarını görebilirsiniz.

Araç Türü	Nasıl Çalışır	Kime Uygun	Takıldığı Yer
Tarayıcı tabanlı oluşturucular (Lovable, Bolt gibi)	İstemi doğrudan çalışan bir web uygulamasına dönüştürür.	Hızlı prototip ve görsel taslak isteyenler.	Özel sunucu ayarları ve derin SEO yapılandırması.
Yapay zekâlı kod editörleri (Cursor gibi)	Kod yazarken dosya bağlamını anlayıp öneriler sunar.	Kod yapısına müdahale etmek isteyen profesyoneller.	Dosya mimarisinin karmaşıklaştığı büyük projeler.
Komut satırı ajanları (Claude Code gibi)	Dosyaları okur, terminal komutu çalıştırır ve düzenleme yapar.	Otomasyon ve teknik denetim arayan uzmanlar.	Görsel arayüz üzerinden anlık tasarım takibi.

Bu araçların her birinin kendine has bir işleyişi var. Kod yazan bir ajanın proje dosyalarıyla nasıl çalıştığını Claude Code nedir yazımda detaylandırmıştım. Vibe coding yaparken bu araçlardan birini seçmek, projenin ne kadar “hazır” veya ne kadar “özel” olacağını da belirliyor.

Neyi iyi yapıyor, nerede duruyor?

Vibe coding yaklaşımını bir fikri hızla görünür kılmak için kullanıyorum. İlk ekran tasarımları, deneme ürünleri ve şirket içi küçük araçlar için çok hızlı. Ne istediğinizi söylüyorsunuz, kısa sürede çalışan bir ekran görüyorsunuz; boş sayfadan başlamıyorsunuz.

Ancak iş profesyonel bir yayına geldiğinde, yalnız görünüşe bakarak ilerlemek riskli olabilir. Yapay zekânın ürettiği kodun dışarıdan iyi görünmesi, arka planda her şeyin doğru çalıştığı anlamına gelmiyor. Özellikle arama motoru görünürlüğü ve teknik performans konularında insan denetimi şart.

Vibe coding ile site yaparken takılabileceğiniz yerler

Yapay zekâya site yazdırırken en sık gördüğüm sorun SEO eksikleri. Metinler sayfanın kodunda değil de tarayıcıda sonradan oluşuyorsa, arama motorları içeriği zayıf okuyabilir. Sayfa başlıkları, açıklamalar ve site haritası da çoğu zaman eksik kalıyor.

Alan adı, barındırma ve e-posta kurulumu gibi altyapı süreçleri de çoğu zaman bu araçların dışında kalıyor. Sitenin kimin adına kayıtlı olduğu, yedeklerin nerede tutulduğu ve güvenliğin nasıl sağlandığı gibi konular kullanıcıya kalıyor. Özellikle gizli anahtarların veya şifrelerin sayfa koduna yanlışlıkla gömülmesi ciddi bir güvenlik açığı oluşturabilir.

İletişim kanallarını test etmek de şart. Formların, WhatsApp düğmelerinin veya telefon bağlantılarının gerçekten çalışıp çalışmadığını, gelen mesajların nereye düştüğünü tek tek kontrol ediyorum. Yapay zekâ düğmeyi koyar ama mesajın gerçekten size ulaştığını ancak deneyerek görürsünüz.

Türkçe karakter sorunları ve mobil hız da dikkat edilmesi gereken alanlar. Bir sitede önbellek eklentisinin birleştirdiği yazı tipi dosyası yalnız Latin karakter içeriyordu; giriş yapmamış ziyaretçi ş, ğ, İ harflerini bozuk görüyordu. Yönetici gözüyle her şey düzgündü, sorun ancak çıkış yapıp bakınca göründü. Ayrıca KVKK aydınlatma metni ve çerez bildirimi gibi yasal sayfaların doğruluğu da sizin sorumluluğunuzda.

Son sorun, proje büyüdükçe kodun karmaşıklaşması. Yapay zekâ sürekli yeni kod ekledikçe, bir süre sonra dosya yapısı kimse tarafından anlaşılamaz hale gelebilir. Bu durum, gelecekte yapılacak küçük bir düzeltmenin bile pahalı ve zor olmasına yol açıyor. Bu yüzden süreci yönetirken kodun sürdürülebilirliğini de denetliyorum.

Yayına almadan önce kontrol listesi

Vibe coding ile hazırladığınız bir siteyi yayına almadan önce şu adımları izlemenizi öneririm:

1. Tüm formların ve iletişim düğmelerinin doğru adrese ulaştığını test edin.
2. Mobil cihazlarda kaydırma ve tıklama performansını kontrol edin.
3. Türkçe karakterlerin tüm tarayıcılarda düzgün göründüğünden emin olun.
4. Her sayfanın başlığını ve açıklamasını yazın; site haritasının oluştuğunu kontrol edin.
5. KVKK ve gizlilik sayfalarının yasalara uygunluğunu denetleyin.
6. Site hızını ölçün ve gereksiz kod yığınlarını temizleyin.
7. Alan adı ve barındırma hesaplarının kendi adınıza olduğundan emin olun.
8. Kodun içinde açıkta kalmış gizli anahtar ya da şifre olup olmadığını taratın.

Yapay zekâ iyi bir yardımcı usta, ama projenin sahibi ve son karar verici sizsiniz. Kendi işlerimde nerede hızlandığımı ve nerede durup kontrol ettiğimi yapay zekâ ile web sitesi yazımda anlattım.

Yapay zekâyla başlayıp yarıda kalan bir proje sıfırdan yazılmak zorunda değil; çoğu zaman kontrol listesindeki eksikler tamamlanıp yayına alınabiliyor. Hangi işleri hangi fiyatla yaptığımı hizmetler sayfasında görebilirsiniz.

Sık sorulanlar

Vibe coding ile profesyonel site yapılır mı?

Evet, ancak yapay zekânın ürettiği çıktının teknik bir uzman tarafından denetlenmesi gerekir. Görsel olarak bitmiş görünen bir site, SEO ve güvenlik açısından eksik olabilir. Bu araçlarla hızlanıp son kontrolleri elle yapıyorum.

Kod bilmeden vibe coding yapılabilir mi?

Temel mantığı anlamak, yapay zekâya doğru komutları vermek için önemlidir. Hiç kod bilmeden bir yapı kurabilirsiniz ancak bir sorun çıktığında veya özel bir ayar gerektiğinde takılma ihtimaliniz yüksektir. Bu noktada profesyonel destek almak işinizi kolaylaştırır.

Bu yöntemle yapılan siteler yavaş mı olur?

Yapay zekâ bazen ihtiyacınız olmayan kodları da sayfaya ekleyebilir, bu da siteyi yavaşlatabilir. Hız optimizasyonu ve gereksiz dosyaların temizlenmesi aşaması atlanmamalıdır. Doğru ayarlandığında vibe coding ile yapılan bir site de hızlı açılabilir.

Yapay zekâyla hazırladığınız sitenizi teknik olarak incelememi ve yayına hazır hâle getirmemi isterseniz iletişim sayfamdan bana ulaşabilirsiniz.