Cursor AI ile Kod Yazma: Türkçe Başlangıç Rehberi
Cursor AI nedir, nasıl kullanılır? Türkçe rehberimizde Cursor kurulumundan ilk projenize kadar adım adım anlatıyoruz. Vibe Coding'e başlamak için en iyi araç.
Yapay zeka destekli kod editörleri arasında 2026'nın en popüler ismi: Cursor.
GitHub Copilot'u biliyorsunuzdur — Cursor onu birkaç kat geride bırakıyor. Sadece kod tamamlama değil, doğal dilde proje geliştirme, hata düzeltme, kod açıklama ve daha fazlası.
Bu rehberde Cursor'u sıfırdan öğreneceksiniz — Türkçe, adım adım.
Cursor Nedir?
Cursor, Visual Studio Code (VSCode) altyapısı üzerine inşa edilmiş, yapay zeka öncelikli bir kod editörüdür.
Temel farkları:
- GPT-4, Claude gibi gelişmiş AI modellerine doğrudan entegre
- Tüm proje dosyalarını anlayan bütünleşik AI asistan
- Doğal dilde komutlarla kod yazma (Vibe Coding)
- Hata otomatik tespit ve düzeltme
- VSCode eklentileri ile tam uyumlu
Ücretsiz mi? Evet, temel özellikler ücretsiz. Pro plan aylık 20$ (Cursor Pro).
Kurulum — 5 Dakika
Adım 1: İndirin
cursor.com → "Download" → İşletim sisteminizi seçin
Adım 2: Yükleyin
Normal bir uygulama gibi yükleyin. Mac, Windows ve Linux destekleniyor.
Adım 3: VSCode Ayarlarınızı Aktarın
Daha önce VSCode kullandıysanız Cursor bunu soracak:
"Import settings from VS Code?" → Yes deyin
Tüm eklentileriniz, temalarınız ve ayarlarınız otomatik gelir.
Adım 4: Hesap Oluşturun
İlk açılışta GitHub veya email ile hesap oluşturun. Ücretsiz plan hemen aktif.
Cursor Arayüzü — Ne Nerede?
┌─────────────────────────────────────────┐
│ Sol Panel │ Kod Editörü │ AI Panel│
│ (Dosyalar) │ │ (Chat) │
│ │ │ │
│ Explorer │ index.tsx │ Ctrl+L │
│ Search │ │ │
│ Git │ │ │
└─────────────────────────────────────────┘
Sol Panel: Dosya gezgini, arama, git Orta: Kod editörü — VSCode ile aynı Sağ/Alt: AI panel (Ctrl+L ile açılır)
4 Temel Özellik
1. Tab Tamamlama (En Basit)
Yazmaya başlayın, AI devamını önerir. Tab ile kabul edin.
// Siz: "function calculate" yazmaya başladınız
// Cursor önerisi:
function calculateTotalPrice(items, taxRate) {
return items.reduce((sum, item) => sum + item.price, 0) * (1 + taxRate);
}
2. Chat (Ctrl+L) — Ana Silah
AI ile sohbet ederek kod yazın. Dosyalarınızı anlıyor.
Örnekler:
"Bu fonksiyonu daha hızlı çalışacak şekilde optimize et"
"Bu koda TypeScript tipleri ekle"
"Bu bileşene hata yönetimi ekle"
"Bunu Türkçe'ye çevir ve açıkla"
İpucu: @dosyaAdı yazarak belirli dosyaları konuşmaya dahil edebilirsiniz.
3. Ctrl+K — Satır İçi Düzenleme
Kodu seçin, Ctrl+K basın, ne yapmasını istediğinizi yazın.
Seçili kodu → Ctrl+K → "Bunu async/await kullanacak şekilde yeniden yaz"
Cursor seçili kodu değiştirir, eski versiyonla karşılaştırma gösterir.
4. Composer (Ctrl+Shift+I) — Proje Düzeyinde
Birden fazla dosyayı aynı anda değiştiren büyük görevler için.
"Tüm API çağrılarına loading state ve hata yönetimi ekle"
"Uygulamaya dark mode desteği ekle, tüm bileşenleri güncelle"
Vibe Coding İçin Cursor Kullanımı
İlk Projenizi Başlatın
Boş bir klasör açın, Chat panelini açın (Ctrl+L), yazın:
Next.js 14 ile modern bir kişisel blog sitesi oluştur.
Özellikler:
- Ana sayfa (son yazılar listesi)
- Blog yazısı detay sayfası
- Hakkımda sayfası
- İletişim formu
- Karanlık/aydınlık mod
Türkçe içerik. Minimal, modern tasarım.
Tailwind CSS kullan.
Etkili Prompt Teknikleri
Kötü prompt:
"Bir web sitesi yap"
İyi prompt:
"Next.js 14 App Router kullanarak e-ticaret landing page oluştur.
Hero section: başlık, alt başlık, CTA butonu
Özellikler bölümü: 3 kart, ikon ve açıklama
Fiyatlandırma: 3 plan karşılaştırması
İletişim formu
Tüm renkler mavi-beyaz tema, Tailwind CSS"
Bağlam Verme
@components/Header.tsx @app/globals.css
Bu projedeki tasarım dilini koruyarak, aynı stil ile
bir Footer bileşeni oluştur.
Linkler: Ana Sayfa, Hakkımda, Blog, İletişim
Sosyal medya ikonları: Twitter, LinkedIn, GitHub
Cursor vs Rakipler
| Özellik | Cursor | GitHub Copilot | Windsurf | |---------|--------|----------------|----------| | Proje anlama | ✅ Tam | ⚠️ Kısmi | ✅ Tam | | Doğal dil ile geliştirme | ✅ | ❌ | ✅ | | Chat | ✅ | ✅ | ✅ | | Çoklu dosya düzenleme | ✅ Composer | ❌ | ✅ | | Ücretsiz plan | ✅ | ✅ | ✅ | | Fiyat (Pro) | $20/ay | $10/ay | $15/ay | | Türkçe destek | ✅ | ✅ | ✅ |
Tavsiyemiz: Başlangıç için Cursor. İlerlediğinizde Windsurf'ü de deneyin.
Pratik İpuçları
1. .cursorrules Dosyası
Projenizin kök klasörüne bu dosyayı ekleyin:
Bu bir Next.js 14 App Router projesidir.
TypeScript kullan.
Tailwind CSS ile styling yap.
Türkçe değişken isimleri kullanma, İngilizce kullan.
Her component için TypeScript interface tanımla.
Cursor bu kuralları her sohbette hatırlayacak.
2. Hata Mesajlarını Direkt Yapıştırın
Terminalden bu hatayı aldım:
[hata mesajını buraya yapıştırın]
Neden oluyor ve nasıl düzeltirim?
3. Kod Açıklama İsteyin
Bu kodu satır satır Türkçe açıkla,
özellikle ne işe yaradığını ve nasıl çalıştığını anlat.
4. Review Yaptırın
Bu kodu güvenlik açıkları, performans sorunları
ve best practice ihlalleri açısından incele.
Bulduklarını listele ve nasıl düzelteceğimi göster.
Sık Sorulan Sorular
İngilizce bilmem gerekiyor mu?
Türkçe prompt yazabilirsiniz, Cursor anlıyor. Ancak teknik terimler genellikle İngilizce. Temel teknik İngilizce okuyabilmek yeterli.
Ücretsiz planla ne yapabilirim?
Ücretsiz planda günlük sınırlı sayıda AI sorgusu var. Küçük projeler için yeterli. Profesyonel kullanım için Pro plan ($20/ay) gerekebilir.
Verilerimi kullanıyor mu?
Cursor, yazılan kodu AI modeline gönderiyor. Gizli/hassas projeler için Privacy Mode'u aktif edin (Settings → Privacy).
VSCode'dan geçiş zor mu?
Hiç zor değil. VSCode biliyorsanız Cursor'u ilk günden kullanabilirsiniz. Aynı arayüz, sadece AI güçleri eklenmiş.
Sonraki Adımlar
Cursor'u kurdunuz, temel özellikleri öğrendiniz. Şimdi ne yapacaksınız?
- Bugün: Bir todo uygulaması veya landing page yapın
- Bu hafta: Kendi fikrinizi Cursor ile geliştirmeye başlayın
- Bu ay: Gerçek bir projeyi tamamlayın ve yayınlayın
Vibe Coding'de Cursor'u ustaca kullanmak istiyorsanız birebir eğitimimize göz atın.
Vibe Coding Eğitimi hakkında bilgi alın →
Ücretsiz görüşme için randevu alın →
İlgili Yazılar:
- Programlama Bilmeden Uygulama Geliştirme
- Vibe Coding ile SaaS Uygulama Geliştirme
- Vibe Coding Eğitimi Fiyatları 2026
Etiketler: #CursorAI #VibeCoding #AIEditör #YapayZeka #KodYazma #Başlangıç #Türkçe
