Icindekiler
Cursor Nedir?
Cursor, VS Code tabanli, AI-first bir kod editorudur. VS Code'un tum ozelliklerini icerirken uzerine guclu AI yetenekleri ekler. Kodunuzu anlayan, duzenleyen, aciklayan ve sizinle birlikte yazan bir AI asistanla birlikte gelir. Cursor Composer ile birden fazla dosyayi ayni anda duzenleyebilir, Tab ile otomatik tamamlama alabilir ve Chat ile kodunuz hakkinda sohbet edebilirsiniz.
Cmd+K (Duzenleme)
Secili kodu AI ile duzenleyin. Refactoring, bug fix, yeni ozellik ekleme.
Cmd+L (Chat)
Kodunuz hakkinda soru sorun, aciklama isteyin, oneri alin.
Tab (Tamamlama)
Yazarken akilli otomatik tamamlama. Cok satirli oneri destegi.
Kurulum ve Baslangic
Adim 1: Cursor'i Indirin
cursor.com adresinden isletim sisteminize uygun versiyonu indirin. macOS, Windows ve Linux desteklenir.
Adim 2: VS Code Ayarlarini Aktarma
# Cursor ilk acilista VS Code ayarlarinizi import etmenizi ister:
# - Extensions (eklentiler)
# - Themes (temalar)
# - Keybindings (kisayollar)
# - Settings (ayarlar)
# Tek tikla tum VS Code yapilandirmaniz aktarilir
# Ek kurulum gerektirmez!
Adim 3: Cursor'a Giris Yapin
Cursor hesabi olusturun veya GitHub/Google ile giris yapin. Ucretsiz plan ile baslamak icin kredi karti gerekmez.
VS Code Eklentileri Uyumlu
Cursor, VS Code'un tum eklentilerini destekler. ESLint, Prettier, GitLens, Tailwind CSS IntelliSense gibi favori eklentilerinizi kullanmaya devam edebilirsiniz.
Temel Kullanim
Cmd+K — Inline Duzenleme
# 1. Duzenlemek istediginiz kodu secin
# 2. Cmd+K (Mac) veya Ctrl+K (Windows) basin
# 3. Ne yapmak istediginizi yazin:
"Add error handling and input validation"
"Convert this to async/await"
"Add TypeScript types to this function"
"Make this component responsive with Tailwind"
# Cursor degisikligi diff olarak gosterir
# Accept (kabul) veya Reject (red) edebilirsiniz
Cmd+L — Chat
# Sag panelde AI chat acilir
# Kodunuz hakkinda sorular sorun:
"Bu fonksiyon ne yapiyor?"
"Bu dosyadaki guvenlik aciklarini bul"
"Bu component'in performansini nasil arttirabilirim?"
"Bu API route'a rate limiting ekle"
# @file ile dosya referansi verin:
"@src/auth.ts dosyasindaki JWT logigini acikla"
# @codebase ile tum projeyi referans verin:
"@codebase Bu projede authentication nasil calisiyor?"
Composer — Coklu Dosya Duzenleme
# Cmd+I (Mac) veya Ctrl+I (Windows) ile Composer acin
# Birden fazla dosyayi ayni anda duzenleyin:
"Bu projeye dark mode ekle:
1. globals.css'e dark mode degiskenleri
2. ThemeProvider component olustur
3. Header'a theme toggle butonu ekle
4. localStorage ile tercihi kaydet"
# Composer tum degisiklikleri planlar ve uygular
# Her dosya icin ayri diff gosterir
Tab — Akilli Tamamlama
Yazarken Cursor otomatik olarak kod onerisi sunar. Tab ile kabul edin, Esc ile reddedin. Cursor mevcut dosya ve projenizin baglamini anlayarak en uygun tamamlamayi olusturur.
Web Sitesi Olusturma
Cursor Composer ile full-stack bir web uygulamasi olusturalim.
Adim 1: Proje Olusturma (Composer)
# Cmd+I ile Composer'i acin ve yazin:
"Create a Next.js 15 project with:
- TypeScript strict mode
- Tailwind CSS v4
- shadcn/ui components
- App Router with src/ directory
- ESLint + Prettier config
Generate all config files and a basic layout."
# Cursor tum dosyalari olusturur ve aciklar
Adim 2: Sayfalari Tasarlama
# Composer'da devam edin:
"Now create these pages:
1. / (landing) - Hero with gradient, feature cards, pricing
2. /dashboard - Sidebar layout, stats cards, recent activity
3. /settings - Profile form, theme toggle, notification prefs
Use shadcn/ui components. Add loading skeletons for each page.
Handle all states: loading, error, empty, success."
Adim 3: API ve Veritabani
# Chat (Cmd+L) ile backend ekleyin:
"@codebase Add Supabase authentication and database:
1. Server actions for user CRUD
2. Auth middleware with session check
3. Database schema with Drizzle ORM
4. Protected routes with middleware.ts
Add proper error handling to all server actions."
Adim 4: Test ve Optimizasyon
# Cmd+K ile her dosyayi optimize edin:
# Bir dosya secin ve Cmd+K yapin:
"Add comprehensive error handling, memoize expensive
computations, and add aria labels for accessibility"
# veya Composer ile toplu test yazin:
"Write unit tests for all utility functions in src/lib/
Use Vitest and Testing Library. Cover edge cases."
Mobil Uygulama Gelistirme
Cursor'in AI ozellikleri ile React Native mobil uygulama gelistirelim.
Adim 1: Expo Projesi
# Terminal'de proje olusturun
npx create-expo-app@latest my-app --template tabs
cd my-app
# Cursor'da acin
# Composer ile yapilandirin (Cmd+I):
"Configure this Expo project with:
- NativeWind v4 for styling
- Expo Router file-based navigation
- TypeScript strict mode
- Supabase client setup
Update all config files accordingly."
Adim 2: Ekranlari Olusturma
# Composer ile ekranlari olusturun:
"Create mobile screens:
1. Home - Card list with FlatList, pull-to-refresh
2. Search - Search bar, filter chips, grid results
3. Profile - Avatar, stats row, settings list
4. Detail - Scrollable content, sticky header, share button
Use NativeWind classes. Add loading skeletons.
Handle empty states with illustration and CTA."
Adim 3: AI ile Hata Duzeltme
# Hatali kodu secin ve Cmd+K yapin:
"Fix this error: [hata mesajini yapisitirin]"
# veya Chat'te hata loglarini paylasin:
"I'm getting this error when running on iOS:
[hata logunu yapisitirin]
@app/screens/home.tsx
How do I fix this?"
Ileri Seviye Ipuclari
.cursorrules
Proje kokune .cursorrules dosyasi ekleyerek Cursor'a proje kurallarinizi ogretin. Tech stack, kod standartlari, dosya yapisi ve ozel talimatlar tanimlayin.
@codebase
Chat'te @codebase yazarak tum proje baglamini AI'a verin. Cursor projenizi indexler ve sorularinizi tum codebase uzerinden yanitlar.
@web
@web ile internetten bilgi arayabilirsiniz. Guncel API dokumantasyonu, paket versiyonlari ve en iyi pratikler icin faydalidir.
@docs
@docs ile resmi dokumantasyonlari referans verin. Next.js, React, Tailwind gibi populer framework dokumantasyonlari onceden yuklenmistir.
Model Secimi
Cursor birden fazla model destekler: Claude Sonnet/Opus, GPT-4o, Gemini. Gorev turune gore model secin -- karmasik isler icin Opus, hizli isler icin Sonnet.
Notepads
Cursor Notepads ile proje notlarinizi, mimaril kararlari ve referans bilgilerinizi kaydedin. AI sohbetlerinde @notepad ile referans verebilirsiniz.
Fiyatlandirma
Hobby
- 2000 tamamlama/ay
- 50 premium istek/ay
- Cursor Tab destegi
- Temel AI ozellikleri
Pro
- Sinirsiz tamamlama
- 500 premium istek/ay
- Sinirsiz yavascik istek
- Tum modeller
Business
- Pro'daki her sey
- Takim yonetimi
- Admin kontrol paneli
- SAML SSO destegi
Pratik Alistirmalar
Alistirma 1: Composer ile Full-Stack Uygulama
Cursor Composer kullanarak bir blog platformu olusturun. Anasayfa, yazilar listesi, yazi detay sayfasi ve admin paneli icersin. Next.js + Tailwind + shadcn/ui kullanin. Tum islemleri sadece Composer ile yapin.
Alistirma 2: .cursorrules Olusturma
Mevcut bir projeniz icin kapsamli bir .cursorrules dosyasi olusturun. Tech stack, kod standartlari, dosya yapisi tanimlari, yasakli pratikler ve ornek kod kaliplari ekleyin.
Alistirma 3: Refactoring Challenge
Buyuk ve karmasik bir dosyayi (300+ satir) Cmd+K ve Chat kullanarak refactor edin. Custom hooks cikarin, component'leri bolumlere ayirin, TypeScript tiplerini iyilestirin ve performans optimizasyonlari yapin.