Orijinal Başlık: 6 Ayda Uzman Bir Vibe Kodlayıcı Nasıl Olunur (Tam Kurs + Kaynaklar)
Orijinal Yazar: Avid
Çeviren: Peggy, BlockBeats

Editör Notu: Vibe Kodlama, sadece "AI'nın size kod yazmasına yardım etmesi" değil, fikirden canlı ürüne kadar eksiksiz bir üretim süreci metodu. Gerçekten etkili olan şey, belirsiz gereksinimleri tekrar tekrar girmek ve modelin "sihir yapmasını" beklemek değil, önce planlama, sonra önerme, sonra gözden geçirme, sonra dağıtımı öğrenmektir.

Bu yol haritası, Vibe Kodlamayı altı aya böler: İlk olarak Web'i, Git'i ve temel teknoloji yığınını tamamlayın, ardından Cursor, Claude Code gibi araçları öğrenin; sonra kelime önerileri, bağlam mühendisliği, MCP, RAG, test, güvenlik ve canlı yayın dağıtımını öğrenin. Temel amacı, acemi birini geleneksel bir yazılımcıya dönüştürmek değil, herhangi bir ürün fikri olan herkesin, AI'ı kullanarak fikri daha sistemli bir şekilde gerçek ve kullanılabilir bir uygulamaya dönüştürmesine yardımcı olmaktır.

Acemiler için en önemli tavsiye şudur: Sadece eğitim videolarını izlemeyin, sürekli olarak uygulamaya geçin. Her ay, çalıştırılabilir, erişilebilir ve üzerinde çalışılabilir küçük bir proje tamamlamanız gerekir. Gerçek ilerleme, "kaç kurs tamamladığınızdan" değil, ürünü gerçekten piyasaya sürüp sürmediğinizden gelir.

Aşağıda yer alan metin orijinal metindir:

Vibe Kodlama, küçük çaplı bir Twitter deneyinden, en çok talep gören yapımcı becerilerinden birine dönüştü.

Ben şu anda nasıl %1'in üzerinde bir Agentic Kodlayıcı olunacağını adım adım anlattım.

Erken dönem giriş penceresi hala açık, ancak bu yalnızca gerçekten bir şeyler yapmaya karar verenler içindir.

Sorun şu ki, çoğu acemi nereden başlayacaklarını hiçbir şekilde bilmiyorlar. Genellikle şunları yaparlar: Cursor'ı indirir, belirsiz bir fikir girer ve ardından neden üretilen çıktının bir karmaşa olduğuna şaşırırlar; sayısız YouTube eğitim videosu izlerler, ancak hiçbir zaman gerçek bir şey üretmezler; karmaşık araçlara doğrudan atlarlar, ancak kelime önerilerini nasıl düzenleyeceklerini, bağlamı nasıl yöneteceklerini veya dağıtımı nasıl tamamlayacaklarını anlamazlar.

Sonuç genellikle aynıdır: Yarı mamul bir Demo, sürekli "Hata düzeltme ve yeni Hata oluşturma" ölüm döngüsü ve hiçbir şekilde canlı yayına alınmış bir ürün.

Bu kılavuz, bu sorunu çözmek için hazırlanmıştır. Bu, aylık ilerlemeye göre ayrıntılı bir yol haritasıdır, 2025–2026 yıllarında doğrulanmış kaynaklara sahiptir, sıfırdan başlayarak gerçek bir ürün teslim edebilecek bir Vibe Kodlayıcı olmanız için gereken her beceriyi kapsar. Her ayın bir kilometre taşı vardır ve her beceriye kaynak bağlantıları eklenmiştir.

Başlamadan önce tek bir kural vardı: Her şeyi elinizle yapın.

İlgili içeriği okumak veya başkalarının yaptığını izlemek değil, gerçekten aracı açın, adımları takip edin, bazı şeyleri bozun, sonra onları tamir edin ve en sonunda onları yayınlayın.

Vibe Coding Aslında Nedir?

「Vibe Coding」 terimi, yapay zeka araştırmacısı Andrej Karpathy tarafından ortaya atıldı. Onun tarafından bir programlama yaklaşımını tanımlamak için kullanıldı: AI'nın her önerisini kabul etmek, kodu manuel olarak gözden geçirmemek, dikkatimizi tamamen nihai sonucu açıklamaya odaklamak ve mantığı elle yazmaktan ziyade.

Gerçek uygulamada, bu size kendi istediğiniz yazılımı doğal dilde açıklamanızı ve ardından AI'ın sizin için kod oluşturmasını, yeniden tasarlamasını, test etmesini ve düzeltmesini sağlar.

Ancak çoğu acemi, Vibe Coding'in pasif bir bekleme veya sihir olmadığını gözden kaçırır. Yapılandırılmış bir süreç setidir ve esasen insan niyetini çalıştırılabilir yazılıma dönüştürür.

Çıktı kalitesi neredeyse tamamen girdi kalitesine bağlıdır: İpucularınız, bağlam dosyalarınız, planlama beceriniz ve AI çıktısını inceleme yeteneğiniz. Bu girdileri ustalaşmak, oyunun tamamıdır.

2026 yılına gelindiğinde, Vibe Coding araçları genellikle ikiye ayrılmıştır:

AI Uygulama Oluşturucuları: Örneğin Lovable, Bolt ve Replit. Bu tür araçlar, bir açıklama parçasına dayanarak barındırma ve dağıtımı da içeren tam bir yığın uygulama oluşturabilir. Bunlar teknik olmayan kullanıcılar ve hızlı prototip geliştiriciler için tasarlanmış olup yerel yapılandırma gerektirmez.

AI Programlama IDE'leri: Örneğin Cursor 3.0, Claude Code ve Windsurf. Bu tür araçlar geliştirme ortamına gömülüdür ve geliştiricilere kod yazmayı, hata ayıklamayı ve yinelemeyi destekler. Biraz teknik bilgi gerektirirler, ancak ciddi üretim düzeyi geliştirmede daha fazla kontrol ve kapasite sağlarlar.

Aşağıdaki yol haritası sizi bu iki dünyaya götürecektir: Tüm araçların daha iyi performans göstermesini sağlayan temel becerilerden başlayarak, daha sonra uzmanlaşmaya doğru adım adım ilerleyin.

1. Ay: Her Vibe Coder'ın Bilmek Zorunda Olduğu Temel Yetenekler

Bu ayın hedefi: Yazılımın nasıl çalıştığını kavramsal düzeyde anlamak, AI tarafından üretilen kodun bir siyah kutu gibi olmamasını sağlamak ve onu daha akıllıca yönlendirebilmektir.

Yeni Başlayan Vibe Kodlayıcıların yaptığı en yaygın hata, bu ayı tamamen atlamalarıdır. Bir araç açarlar, belirsiz bir ipucu yazarlar, üretilen sonucu görünce şaşkına dönerler ve ardından topluluğun "ölüm döngüsü" olarak adlandırdığı şeye düşerler: AI'ın sürekli olarak hatayı düzeltmesi ve AI'ın sürekli olarak yeni hata oluşturması, bu şekilde döngünün devam etmesi.

Bu döngüden kaçabilenler genellikle yeterli temel bilgiye sahiptir. Sadece AI'ın çıktısına tepki vermezler, onu okuyabilir ve yönlendirebilirler.

Bir programcı olmanız gerekmez. Yalnızca yeterli kavramsal altyapıya sahip olmanız, akıllı sorular sormayı ve açık hataları bulmayı bilmeniz yeterlidir.

Web Nasıl Çalışır

Herhangi bir Web ürünü oluşturmadan önce, geliştirme yaptığınız altyapının ne olduğunu anlamanız gerekir. Çoğu Vibe Kodlama ürünü Web uygulamasıdır. Bu, temel istemci-sunucu modelini, tarayıcının arka uçla nasıl iletişim kurduğunu, URL'nin aslında ne yaptığını ve API'nın ne olduğunu anlamanız gerektiği anlamına gelir.

Kaynaklar:

MDN Web Docs: Web Nasıl Çalışır (Ücretsiz)
Bağlantı: https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works
Bu, tarayıcı, sunucu ve HTTP hakkında en net ve yetkili açıklamalardan biridir ve Mozilla tarafından sürdürülmektedir.

MDN: HTTP Genel Bakış (Ücretsiz)
Bağlantı: https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview
GET ile POST arasındaki farkları, durum kodlarını (200 OK, 400 Bad Request, 401 Unauthorized, 404 Not Found, 500 Server Error) ve uygulamanızın sorun yaşadığında neden bu tür uyarılar verildiğini tanıtır.

REST API Öğretici (Ücretsiz)
Bağlantı: https://restfulapi.net/
Kısa, öz ve doğrudan uygulanabilir bir içeriğe sahiptir. Tamamladıktan sonra, Vibe Coding ile yazılmış her bir arka uç tarafından yapılan "API çağrısının" gerçekte ne olduğunu anlayacaksınız.

Anlamanız gereken konular:

Bir URL girdiğinizden sayfanın render edilmesine kadar neler olduğu;

Ön uç ve arka uç farkı: Ön uç, kullanıcının gördüğü arayüzü; arka uç ise sunucu mantığı ve veritabanı;

API nedir, istek nedir, yanıt nedir;

HTTP durum kodları ne anlama gelir ve bir uygulamayı hata ayıklarken neyi temsil ettikleri;

"Çevre Değişkenleri" nedir ve neden anahtarın doğrudan kodun içine yazılmaması gerektiği;

Git ve GitHub: Zaman Makineniz

Bu, tüm kılavuzdaki en önemli ve uygulanabilir beceridir. Her ciddi Vibe Coder, Git'i kullanacaktır.

Git olmadan, kötü bir AI ipucu bile birkaç saatlik çalışmanızı mahvedebilir ve geri almanın bir yolu olmaz. Git ile, her işler durum bir kontrol noktası haline gelir ve istediğiniz zaman geri dönebilirsiniz.

Git seçenek değildir. Ürünleri hızlı bir şekilde oluşturmak mı yoksa her AI başarısız olduğunda her şeyi sıfırdan mı inşa etmek istediğiniz Git'te yatar.

Öğrenme yaklaşımı: Komutları ezbere çalışmaya çalışmayın, onun modelini önce anlayın. Git dosyaların zamanla nasıl değiştiğini izler ve bu geçmişte ileri geri gitmenizi sağlar. Bir kez bunu anladığınızda, komutlar doğal hale gelir.

Kaynaklar:

Vibe Coderlar İçin Git: Asıl Meseleler (YouTube, Ücretsiz)
Bağlantı: https://www.youtube.com/watch?v=ADEFvP5Gw5c
Vibe Coderlar için özel olarak hazırlanmıştır. Gerçek bir Next.js projesi aracılığıyla git add, git commit, git push, git pull, dal oluşturma ve geri alma konularını anlatmaktadır.

Vibe Coders için Git ve GitHub Rehberi (Ücretsiz, DeepakNess.com)
Link: https://deepakness.com/blog/git-for-vibe-coders/
Bu rehber, 2025 yılının sonuna yönelik AI destekli geliştiriciler için özel olarak tasarlanmış olup, Vibe Coder'ların günlük Git iş akışını kapsar. Bu akış, her 15-20 dakikada bir işlem yapmayı ve AI tarafından üretilen değişiklikleri kabul etmeden önce değişiklikleri git diff kullanarak kontrol etmeyi içerir.

Git Dal Modelini Öğrenme (Ücretsiz, Etkileşimli)
Link: https://learngitbranching.js.org/
Dal ve birleştirme kavramını anlamanın en iyi görselleştirme araçlarından biri, doğrudan tarayıcıda çalışır ve herhangi bir ortam yapılandırması gerektirmez.

GitHub Becerileri (Ücretsiz, Etkileşimli)
Link: https://skills.github.com/
GitHub'ın resmi olarak sunduğu etkileşimli dersler, doğrudan GitHub içinde tamamlanır.

Odaklanılması Gereken Noktalar:

git init, add, commit, push, pull, status, diff;

Herhangi bir yeni özellik eklemeye başlamadan önce yeni bir dal oluşturun;

Geçmişi görmek için git log'u kullanın, değişiklikleri güvenli bir şekilde geri almak için git revert'i kullanın;

.gitignore dosyası oluşturun ve ilk işlemi yapmadan önce .env dosyasını içine ekleyin;

Deneme yaparken AI kullanımı için özellik dalı kullanın: Dal oluşturun, içinde Vibe Coding yapın, başarılı bir testten sonra birleştirin.

Kural şudur: Şu andan itibaren, yaptığınız her projeyi GitHub deposunda tutmanız gerekir, istisna yoktur.

Temel HTML, CSS ve JavaScript Yetkinliği

Ön uç geliştirici olmanız gerekmez. Yalnızca AI tarafından oluşturulan bileşenleri anlayabilir olmanız, div, button, onClick ve useState gibi kavramları genel hatlarıyla kavrayabilmeniz yeterlidir.

Bunun yaklaşık bir hafta süreceğini ancak AI'ın bir arayüzün belirli bir bölümünü değiştirmesini istediğinizde büyük miktarda zaman tasarrufu sağlayacağını unutmayın.

Kaynaklar:

The Odin Project: Foundations (Ücretsiz, Kendi Kendine Öğrenme)
Bağlantı: https://www.theodinproject.com/paths/foundations
İnternet üzerindeki en iyi ücretsiz full-stack temel kurslardan biri. Yalnızca HTML Foundations, CSS Foundations ve JavaScript Basics bölümlerini öğrenmeniz yeterlidir. Orta tempoda yaklaşık 1–2 hafta sürer.

freeCodeCamp: Responsive Web Design (Ücretsiz, Etkileşimli)
Bağlantı: https://www.freecodecamp.org/learn/2022/responsive-web-design/
Tarayıcı tabanlı egzersizler, bir ortam yapılandırması gerektirmez. Odin Project'in tamamlayıcısı olarak kullanılabilir.

JavaScript.info (Ücretsiz Referans Materyali)
Bağlantı: https://javascript.info/
Şu anda mevcut olan en açıklayıcı JavaScript belgelerinden biri. Anlamadığınız kodlarla AI tarafından karşılaştığınızda, bu siteyi bir referans olarak kullanabilirsiniz. Bu, JavaScript'in açıklamalı bir MDN versiyonu gibidir.

Özellikle Odaklanılacak Noktalar:

HTML: Elementler, öznitelikler, iç içe ilişki ve sayfa yapısı;

CSS: Seçiciler, Flexbox ve bir arayüzün belirli bir stile nasıl geldiği;

JavaScript: Değişkenler, Fonksiyonlar, Diziler, Nesneler ve async/await'ın anlamı;

React Temelleri: Bir bileşen nedir, props ve state nedir.

Teknoloji Yığınınızı Seçin ve Ona Sadık Kalın

Yeni başlayanların yaptığı en yaygın hatalardan biri sürekli olarak çerçeve değiştirmektir.

AI modelleri açık kaynaklı kodlar üzerinde eğitilir. Nadir kullanılan teknoloji yığınlarına kıyasla, popüler ve iyi belgelenmiş teknoloji yığınlarında performansları belirgin şekilde daha iyidir. Bir teknoloji yığını ne kadar popülerse, ilgili eğitim kılavuzları, örnekler ve eğitim verileri o kadar çok olur ve AI'nın çıktı kalitesi de o kadar yüksek olur.

Vibe Coder yeni başlayanları için 2026'da önerilen teknoloji yığını:

Ön Uç: React, Next.js aracılığıyla (App Router ile);

Stil: Tailwind CSS;

Veritabanı + Kimlik Doğrulama: Supabase (Postgres veritabanı, kimlik doğrulama, depolama, tümü API aracılığıyla kullanılır);

Yayımlama: Vercel;

Dil: Öncelikle TypeScript, ayrıca JavaScript kullanılabilir.

Bu teknoloji yığını yeni başlayanlar için dostane, tamamen yönetilen, AI destekli gelişime uygun ve sunucu altyapısını yönetmeden veritabanından çevrimiçi bir URL'ye kadar tümleşik bir full-stack ürünü yayınlamanıza olanak tanır.

Aynı zamanda şu anda en yaygın Vibe Coding teknoloji yığınlarından biridir, bu nedenle AI araçları bunu çok iyi tanır.

Kaynaklar:

Next.js Resmi Kursu: Learn Next.js (Ücretsiz, Etkileşimli)
Bağlantı: https://nextjs.org/learn
Resmi etkileşimli kurs, tam teşekküllü bir panele adım adım inşa eder. App Router sürümü 2024 yılında güncellendi ve hala geçerlidir.

Tailwind CSS Belgeleri (Ücretsiz)
Bağlantı: https://tailwindcss.com/docs
Tailwind, bir utility-first CSS çerçevesidir. Dokümantasyonu çok kalitelidir. Eğitim verilerinin yoğunluğu nedeniyle, AI'nın ürettiği Tailwind kodunun etkisi genellikle diğer çoğu stil sisteminden daha iyidir.

Supabase Belgeleri: Başlarken（Ücretsiz）
Bağlantı: https://supabase.com/docs/guides/getting-started
Supabase, Postgres veritabanı, Satır Düzeyinde Güvenlik Politikaları, Kimlik Doğrulama (E-posta, Sosyal Giriş, Tek Kullanımlık Şifre) ve Dosya Saklama sağlar; bu işlevlerin hepsi basit bir JavaScript SDK aracılığıyla çağrılabilir.

Vercel Belgeleri: Başlarken（Ücretsiz）
Bağlantı: https://vercel.com/docs/getting-started-with-vercel
GitHub depomu Vercel'e bağla, bundan sonra her push işlemi otomatik olarak dağıtılır. Tüm yapılandırmanın sadece yaklaşık 5 dakika sürmesi gerekir.

1. Ay Kilometre Taşı

Bu ayın sonuna kadar, şunları yapabilir durumda olman gerek:

API'nin ne olduğunu açıklayabilme ve tarayıcı bir istek gönderdiğinde ne olduğunu anlama;

Bir Git depo oluşturabilme, kodları gönderebilme, dal oluşturabilme ve GitHub'a itmeyi gerçekleştirebilme;

Yapay Zeka tarafından üretilmiş bir React bileşenini okuyabilme ve genel yapısını anlayabilme;

Temel bir Next.js projesi oluşturabilme ve npm run dev ile yerelde çalıştırabilme;

GitHub depo ile bağlantı kurarak, statik bir sayfayı Vercel'e dağıtabilme.

2. Ay: Araçları Kavrama, Cursor 3.0, Claude Code ve Builder Ekosistemi

Bu ayın hedefi: Temel Vibe Coding araçlarını gerçekten öğrenmek, farklı araçların hangi senaryoya uygun olduğunu anlamak ve ilk tam projeni tamamlamaktır.

Bu aydan itibaren, Vibe Coding gerçek savaş aşamasına geçmektedir. 2026 yılında mevcut olan araçlar çok güçlü olabilir, ancak ödül, araçları nasıl kullanacağını bilen kişilere verilir ve araçları 'büyü' olarak görenleri sürekli cezalandırır.

Tam Araç Seti Haritasını Anlama (2026)

2026'ya gelindiğinde, Vibe Coding ekosistemi belirgin bir olgunluğa ulaşmıştır. İşte Mayıs 2026 itibarıyla bilinmesi gereken tüm ana akım araçların mevcut durumu.

Yapay Zeka Programlama IDE

Yarı teknikten teknik yapımcılara uygun.

Cursor 3.0
Her şeyi yapabilen AI-odaklı bir editör. Ücretsiz sürüm / Pro sürüm aylık 20 ABD doları. Agents Window, Paralel Bulut Agent, Composer 2, Marketplace, Dahili Tarayıcı desteği.

Claude Code
Agentic programlama ve tüm kod kitaplığı çıkarımında uzmanlaşmıştır. Kullanıma göre ücretlendirilir, ayrıca aylık 20 ABD doları karşılığında Claude Pro ile kullanılabilir. Şu anda CLI, VS Code eklentisi, masaüstü uygulama ve Web uygulamasını desteklemektedir.

Windsurf
Daha çok kurumsal kullanıcılara ve bütçesi kısıtlı geliştiricilere uygundur. Ücretsiz sürüm / Pro sürüm aylık 15 ABD doları. Cascade Agent'a sahiptir; 2025 yılında Google tarafından 2.4 milyar ABD doları karşılığında satın alınmıştır.

GitHub Copilot
Günlük yardımlar sağlamak için herhangi bir IDE'de uygun. Ücretsiz sürüm / Pro sürüm aylık 10 ABD doları. VS Code, JetBrains, Neovim, Xcode vb. geliştirme ortamlarını destekler.

Cline
Açık kaynaklı deneyimli kullanıcılara hitap eder. Araç kendisi ücretsizdir, API Anahtarı ile ücretlendirilir. Claude, GPT-5.5, Gemini veya yerel modelle bağlantı kurabilen bir VS Code eklentisidir.

Google Antigravity
Çoklu Agent paralel yapılar için uygundur. Fiyat belirlenmemiştir. 2025 Kasım'ında Gemini 3 ile birlikte yayınlanmış olup paralel Agent'ları yönetmek için "Yönetici Görünümü" sunmaktadır.

No-Code / Full-Stack Uygulama Oluşturucu

Tamamen sıfırdan başlayan kullanıcılar ve hızlı prototip geliştirme için uygundur.

Lovable
Teknik olmayan birçok girişimciye ve React UI oluşturmaya uygun. Ücretsiz sürüm / Pro sürüm aylık 25 ABD doları. Tam React + Supabase full-stack uygulaması oluşturabilir, programlamayanlar için en kullanıcı dostu olanıdır.

Bolt.new
Hızlı Web uygulamaları oluşturmak için uygundur, yerel yapılandırmaya ihtiyaç duymaz. Ücretsiz sürüm / Aylık 29 ABD Doları Pro Sürümü. Tamamen tarayıcıda çalışır, acemi kullanıcılar için hızlı başlangıç yapmak için uygundur.

Vercel v0
UI bileşenleri oluşturmak için uygun. Ücretsiz sürüm / Aylık 20 ABD Doları. Geliştiriciler için daha uygundur, GitHub senkronizasyonunu destekler ve doğrudan Vercel'e dağıtımı sağlar.

Replit
Yapı ve barındırmayı bir araya getirir. Ücretsiz sürüm / Aylık 20 ABD Doları. En kapsamlı işlevsellik, Agent 3 doğrudan tarayıcıda uygulama oluşturmayı, çalıştırmayı ve dağıtmayı sağlayabilir.

Base44
Kod olmadan iç araçlar geliştirmek için uygun. Ücretsiz sürüm / Aylık 20 ABD Doları. Teknik olmayan inşaatçılar için, AI destekli uygulama ve arka uç yetenekleri sunar.

Seçim Tavsiyesi

Eğer tamamen teknik bir arka planınız yoksa ve acemiyseniz, Lovable veya Bolt.new ile başlayabilirsiniz.

Eğer bir geliştiriciyseniz ve AI'yı mevcut iş akışınıza entegre etmek istiyorsanız, Cursor 3.0 veya GitHub Copilot'u seçebilirsiniz.

Eğer bir terminal kullanıcısıysanız ve tam kod deposu kontrol yeteneğine sahip olmak istiyorsanız, Claude Code'u seçebilirsiniz.

Eğer bütçenize duyarlı bir geliştiriciyseniz, aylık 15 ABD Doları olan Windsurf'u seçebilirsiniz.

Eğer bir ekip olarak kurumsal düzeyde bir uygulama inşa etmek istiyorsanız, Google tarafından satın alınan Windsurf'u düşünebilirsiniz.

Kaynaklar

roadmap.sh: 2026'daki En İyi Vibe Kodlama Araçları (Ücretsiz Kılavuz)
Link: https://roadmap.sh/vibe-coding/best-tools
Bu, topluluk tarafından sürdürülen 2026'nın en iyi araçlar listesidir.

BuildMVPFast: 2026'daki En İyi Vibe Kodlama Araçları (Ücretsiz Kılavuz)
Link: https://www.buildmvpfast.com/blog/best-vibe-coding-tools-2026
Tam karar ağacı ve her aracın ayrıntılı açıklaması sağlanmış olup fiyat bilgileri 2026'ya göre kontrol edilmiştir.

2026 Vibe Kodlama Aracı Karşılaştırması（Ücretsiz, Technically.dev）
Bağlantı: https://technically.dev/posts/vibe-coding-tool-comparison
Replit, v0, Lovable ve Bolt'u aynı projede karşılaştırdı.

Vibe Kodlama: Neden Windsurf'u Lovable ve Bolt'tan Daha Çok Tercih Ediyoruz（Ücretsiz Rehber, Koncile）
Bağlantı: https://www.koncile.ai/en/ressources/best-vibe-coding-tools-windsurf-vs-lovable
Gerçek Web projesine dayalı olarak dört aracı takım olarak değerlendirdi, Nisan 2026'da yayınlandı.

Cursor 3.0: Bir Kez Tamamen Yeniden Yapılandırıldı

Cursor 3.0, 2 Nisan 2026'da yayınlandı ve bu, 2023'te Anysphere'in VS Code'a dayalı olarak çatal açmasından bu yana en önemli güncellemedir.

Artık sadece bir "dosya düzenleyici üzerine AI özellikleri eklenmiş" araç olmaktan çıktı ve bir Yazılım Oluşturucusu ile çalışma alanı haline geldi.

Cursor 3.0'ın Yenilikleri

Agentler Penceresi
CMD/Ctrl + Shift + P → Agentler Penceresi ile açılabilen, birden fazla AI Ajanının paralel olarak çalıştırılmasını sağlayan yeni bağımsız bir arayüz. Ajanlar aynı anda yerel makinede, bulutta, SSH'de veya Git worktree'lerinde çalıştırılabilir.

Besteci 2
Cursor'un özgün programlama modeli, çoklu dosya kodu düzenleme ve yinelemeli eğitim için özel olarak tasarlanmıştır.

Cloud Agents
Uzaktan bulut ortamında çalışan bir Ajan. Bir görevi başlatabilir ve sonucu daha sonra kontrol edebilirsiniz. Kurumsal kendi barındırmalı bulut Ajanı 25 Mart 2026 tarihinde yayına girdi.

Yerleşik Tarayıcı
Ajan'ın doğrudan gerçek render sonucunu görebildiği ve kendi düzeltme sonuçlarını test edebildiği entegre tarayıcı. Artık kullanıcının manuel olarak ekran görüntüsü alması gerekmez.

İşaretçi Pazarı
Becerileri, Alt Ajanları, MCP sunucularını, Kancaları ve Kuralları bir araya getiren bir tıklama yükleme eklentisi paketi. Mevcut eklentiler arasında AWS, Figma, Linear, Stripe, Vercel, Datadog, Snowflake vb. bulunmaktadır.

Tasarım Modu
Tarayıcıda oluşturulan UI öğelerine doğrudan tıklama ve sürükleme yapabilme, yapay zekanın ilgili bölümü hassas bir şekilde düzenlemesini sağlar. Bir bileşenin nerede olduğunu metinle açıklamanıza gerek kalmaz.

Otomasyonlar
Bu özellik 5 Mart 2026 tarihinde piyasaya sürüldü. Bu, dış etkinlikler tarafından tetiklenen kalıcı bir Ajan türüdür, örneğin zamanlanmış görevler, Slack mesajları, Linear konuları, GitHub etkinlikleri ve PagerDuty alarmları. Ajan, bir bulut ortamı sandbox başlatacak ve yapılandırdığınız MCP'yi kullanarak görevi gerçekleştirecektir.

Yeni Diffs Görünümü
Kelime kelime değişiklik incelemesini, işlemeyi ve Pull Request oluşturmayı destekler; tüm süreç Agents Window içinde tamamlanabilir.

/worktree Komutu
Görevi bağımsız bir Git worktree içinde çalıştırarak, Ajanın ana dala bulaşmasını önler.

/best-of-n Komutu
Aynı görevi birden fazla modelde çalıştırarak ve en iyi sonucu döndürerek.

Kaynaklar

Cursor Değişiklik Günlüğü: 3.0 (Resmi, Ücretsiz)
Bağlantı: https://cursor.com/changelog/3-0
Cursor 3.0'ın resmi duyurusu.

DataCamp: Cursor 3 Nedir? (Ücretsiz Kılavuz)
Bağlantı: https://www.datacamp.com/blog/cursor-3
Cursor 3.0'ın Her Yeni Özelliğinin En Kapsamlı Metinsel Açıklamalarından biri, 7 Nisan 2026'da yayınlandı.

Agentic Kodlama için Her Şeyi Değiştiren Cursor 3 (YouTube, Ücretsiz, Scrimba)
Bağlantı: https://www.youtube.com/watch?v=HTKGyLar8AU
Gerçek bir proje üzerinde Agents Window, Composer 2, Dahili Tarayıcı, Paralel Agent ve Marketplace'ın tam demostrasyonu.

Cursor Öğretici 2026: 15 Dakikada Yapay Zeka Kodlamayı Öğrenin (Ücretsiz Kılavuz, NXCode)
Bağlantı: https://www.nxcode.io/resources/news/cursor-tutorial-beginners-2026
Yeni başlayanlar için adım adım kılavuz, Composer, Agent Modu ve Cloud Agent'ı kapsar.

Hızlı Yapay Zeka ile İnşa Etme: Cursor 3 vs Google Antigravity (Ücretsiz Kılavuz)
Bağlantı: https://www.buildfastwithai.com/blogs/cursor-3-vs-antigravity-ai-ide-2026
Cursor 3.0'ın Google'ın Yeni AI IDE Antigravity ile pratik işlevsellik karşılaştırması.

Claude Code: Tüm Kod Deposunu Anlayabilen Ajans Kodlama Aracı

Claude Code, Anthropic'in piyasaya sürdüğü terminalde doğal Ajanslı Programlama aracıdır.

Çoğunlukla açık dosyalar etrafında çalışan IDE araçlarından farklı olarak, Claude Code tüm kod deposunu okuyabilir, birden çok dosya üzerinden çıkarım yapabilir, komutları çalıştırabilir, Git işlemlerini işleyebilir ve otomatik olarak çok adımlı görevleri gerçekleştirebilir, her adımda onayınızı isteyerek.

Şu anda dört farklı ortamda kullanılabilir: terminal CLI, VS Code eklentisi, JetBrains IDE ve masaüstü uygulaması.

Nasıl Başlanır

Claude Pro aboneliğine ihtiyacınız olacak, aylık 20 ABD doları veya daha yüksek bir sürüm, ve macOS, Linux veya Windows 11 üzerinde terminali kullanmanız gerekecek.

npm ile yükleyin:

npm install -g @anthropic-ai/claude-code

Proje klasörünüze gidin:

cd ~/projects/my-app && claude

Keşifsel bir ipucundan başlayın:

Bu proje ne işe yarıyor?

Bu, Claude'in herhangi bir içeriği değiştirmeden önce kod deposunu analiz etmesine olanak tanır.

Temel İş Akışı: Keşfet → Planla → Kodla → Taahhüt Et

Keşfet: Araştır
Plan Moduna iki kez Shift + Tab tuşlarına basarak girin. Claude, dosyaları okuyacak ve soruları yanıtlayacak ancak herhangi bir içeriği değiştirmeyecek. Bu modu kullanarak proje mimarisini anlayabilir, veri akışını takip edebilir ve kod deposu yapısını çözebilirsiniz.

Planla: Planla
Plan Modunda, Claude'e bir uygulama planı oluşturmasını sağlayın. Bunu inceleyin, detaylandırın ve katılmadığınız kısımlara itiraz edin. Sadece onayladıktan sonra "devam et" deyin.

Kodla: Kodla
Normal Moda geri dönün. Claude, plana göre işlevleri uygulayacak, farkları gösterecek ve her adımda onayınızı isteyecektir.

Commit: Taahhüt
Dosya farkını inceleyin, testleri çalıştırın, ardından açıklayıcı bir taahhüt mesajıyla taahhütü tamamlayın.

CLAUDE.md Nedir?

CLAUDE.md, Claude Code'a şunları söylemek için proje kök dizininde bulunan bir Markdown dosyasıdır:

Projenizin nasıl çalıştığını;

Hangi kurallara uyulması gerektiğini;

Hangi komutların çalıştırılması gerektiğini;

Hangi içeriğin kesinlikle değiştirilmemesi gerektiğini.

Şunları çalıştırabilirsiniz:

claude /init

Bir başlangıç ​​sürümü oluşturmak için, ardından projeye göre özelleştirin.

Kaynaklar

builder.io: Claude Code Nasıl Kullanılır (Yeni Başlayanlar Kılavuzu, Ücretsiz)
Bağlantı: https://www.builder.io/blog/how-to-use-claude-code
Şu anda mevcut olan en kapsamlı Claude Code yeni başlayanlar rehberlerinden biri, kurulumu, Plan Modu iş akışını, CLAUDE.md ayarlarını ve en iyi uygulamaları kapsayan, Nisan 2026'da yayınlanmıştır.

Teknik Olmayan Başlayanlar İçin Tam Claude Code Öğretici Kılavuz (YouTube, Ücretsiz)
Bağlantı: https://www.youtube.com/watch?v=bqJzIWAEn40
Sıfırdan bir uygulama oluşturmada Claude Code kullanımını adım adım anlatan video öğretici, programlama deneyimi gerektirmez, Nisan 2026'da yayınlanmıştır.

Claude Code Tam Kursu; 4 Saat (YouTube, Ücretsiz)
Bağlantı: https://www.youtube.com/watch?v=QoQBzR1NIqI
Yapılandırmadan ürün yayınlama ve satışına kadar olan süreci kapsayan mevcut en kapsamlı Claude Code video kurslarından biri.

初学者的 Claude 代码教程 2026（免费指南，dev.to）
链接：https://dev.to/ayyazzafar/claude-code-tutorial-for-beginners-2026-from-installation-to-building-your-first-project-1lma
文字教程，涵盖安装、终端配置以及构建第一个项目。

开始使用 Claude 代码：研究人员设置指南（免费指南）
链接：https://paulgp.substack.com/p/getting-started-with-claude-code
特别适合理解「要足够具体」这一原则、上下文窗口管理以及迭代式提示方法。

OpenSaaS.sh：2026 年构建 SaaS 最佳方式（免费指南）
链接：https://docs.opensaas.sh/blog/2026-03-16-best-way-to-vibe-code-saas-2026/
介绍 2026 年较优的 SaaS Vibe Coding 配置：Claude 代码 + 结构化 SaaS 模板 + 对 LLM 友好的文档（llms.txt）。还包括如何运行后台开发服务器，让 Claude 看到实时日志，以及如何通过 Chrome DevTools MCP 进行浏览器自动化。

2. Ay Ayın Taşı

Bu ayın sonuna kadar şunları yapabilir hale gelmelisiniz:

Farklı proje türleri için uygun araçları seçebilme;

Cloud Agent üzerinden Görevi Yürütmek için Cursor 3.0'ın Agent Penceresi'ni kullanabilme;

Kod yazmaya başlamadan önce Plan Modu ile Planlama yapabilme;

Herhangi bir projeye bir CLAUDE.md dosyası ekleyebilme;

En az bir tamamlanmış proje oluşturup dağıtabilme, yani normal şekilde çalışabilen ve gerçek bir çevrimiçi URL'ye sahip Web uygulaması.

3. Ay: Vibe Coding'de İpucu Sanatı, Bağlam, Yapı ve Kararlı Çıktı

Bu ayın hedefi: Vibe Coding'in en temel yeteneklerini öğrenmek, yani iyi ipuçları yazmak, bağlamı yönetmek ve AI'ın ilk denemede istediğiniz sonucu elde etmesini sağlamak.

Tüm Vibe Coding teknik yığınında, ipucu vermek en etkili beceridir. Eğer ipucunuz belirsizse, araç kendisi hemen hemen önemsiz hale gelir. İyi bir araçla mükemmel ipuçları, her zaman üstün olacaktır; çünkü belirsiz ipuçları veren bir üstün araç.

İyi Vibe Coding İpucuları Gerçekten Nasıl Çalışır

Yeni başlayan ile uzman arasındaki ipucu farkı neredeyse tamamen yapıdadır.

Yeni başlayan şunları söyleyecektir:

Bir giriş sayfası ekleyin.

Uzman ise şunları söyleyecektir:

app/login/page.tsx içinde mevcut Supabase kimlik doğrulama istemcisini kullanan bir giriş sayfası oluşturun. Form stili app/signup/page.tsx'den devralınacak. İçermesi gerekenler: e-posta ve şifre giriş kutuları, gönder düğmesi ve geçersiz kimlik bilgisiyle başa çıkma. Başka hiçbir dosyayı değiştirmeyin.

İlk açıklama işlevsel bir bileşen oluşturabilir, mevcut diğer dosyaları bozabilir veya mevcut kod tabanına uymayan bir deseni içerebilir. İkincisi ise gerçekten çalışabilir ve proje yapısına uygun bir bileşen oluşturabilir.

İyi bir prompt sözcüğü genellikle dört bölümden oluşur:

Hedef: Bu özellik aslında ne yapmalıdır?
Bağlam: Hangi dosyalarla ilgilidir? Mevcut projede neler bulunmaktadır?
Kısıtlama: Hangi alanlar değiştirilemez? Var olan desene uyulmalıdır?
Çıktı biçimi: Sonuç nasıl olmalıdır?

Kaynaklar

Anthropic: Interactive Prompt Mühendisliği Kılavuzu (Ücretsiz, GitHub)
Link: https://github.com/anthropics/prompt-eng-interactive-tutorial
Bu, Jupyter defterinde Claude API aracılığıyla çalışacak şekilde tasarlanmış egzersizler içeren 9 bölümlük etkileşimli bir ders serisidir. Şu anda mevcut en iyi hands-on prompt mühendisliği derslerinden biridir.

PromptingGuide.ai (Ücretsiz)
Link: https://www.promptingguide.ai/
Temel promptlama, düşünce zinciri, few-shot örneklerinden Agentic prompt teknolojisine kadar geniş bir içeriği kapsar ve sürekli güncellenir.

r/PromptEngineering: The Ultimate Vibe Coding Guide (Ücretsiz, Reddit)
Link: https://www.reddit.com/r/PromptEngineering/comments/1kyboo0/the_ultimate_vibe_coding_guide/
Etkin Vibe Coder'dan elde edilen 18 uygulamalı deneyim, AI sapması nasıl ele alınır, birden fazla özellik arasında nasıl tutarlılık sağlanır ve "Ortak AI Hataları" belgesi nasıl oluşturulur gibi konuları içerir.

Roadmap.sh: Vibe Kodlama En İyi Uygulamaları (Ücretsiz Kılavuz)
Bağlantı: https://roadmap.sh/vibe-coding/best-practices
Vibe Kodlama araçlarından istikrarlı sonuçlar elde etmenize yardımcı olacak 10 uygulama kuralı sunar, 2026 senaryosuna göre güncellenmiştir.

Appwrite: Tam Vibe Kodlama Rehberi 2026 (Ücretsiz Kılavuz)
Bağlantı: https://appwrite.io/blog/post/the-complete-vibe-coding-guide-2025
Vibe Kodlama'nın ne olduğunu, açık ipuçları nasıl yazılacağını ve bir geliştirici olarak kontrolü elinizde tutmanın ve aracın sürücüsü olmanın nasıl olacağını kapsayan kapsamlı bir rehber.

PRP Çerçevesi: Önce Planla, Sonra İpucu Ver

En yaygın "ölüm döngüsü" sebebi, herhangi bir planlama yapılmadan doğrudan bir özelliği geliştirmeye başlamaktır.

Yapay zeka bir kod parçası yazdı, bir şeyleri bozdu; onu düzeltmesini sağladınız, başka bir şeyi bozdu; ve sonra tüm süreç aşağı doğru bir spiralde devam etti.

Çözüm aslında çok basittir: Herhangi bir kod ipucu vermeden önce bir plan yazın.

PRP Çerçevesi: Ürün Gereksinimleri İpucu

Vibe Kodlama aracını açmadan önce, üç soruyu cevaplamak üzere bir belgeye yazın:

Bu kimin için?
Hedef kullanıcı kim? Teknik bilgi düzeyleri nasıl?

Hangi sorunu çözüyor?
Anahtar değeri net bir cümleyle açıklayın.

Başarı nasıl görünüyor?
Belirli, test edilebilir standartları yazın.

Ardından bu belgeyi Claude veya ChatGPT'ye verin; tam bir ürün gereksinimleri belgesi olan PRD'ye dönüştürmelerini sağlayın. Bu PRD, Cursor veya Claude Code'da ilk karşılama ipucu olacaktır.

Bu alışkanlık, "gerçekten ürün yayınlayabilen kişi" ile "ölüm döngüsüne yakalanan kişi" arasındaki ayrım noktasıdır.

Özellikle Claude Code içinde, herhangi bir uygulamaya geçmeden önce, İşlem Moduna girmek için İki kez Shift + Tab tuşlarına basmalısınız. Claude'a hangi dosyaların oluşturulacağını veya değiştirileceğini, hangi işlevlerin tanıtılacağını, hangi sınırlama durumlarının veya mimari kararlarının göz önünde bulundurulması gerektiğini belirtmesine izin verin. Bu planı gözden geçirmeli, şüpheli bölümlere itiraz etmeli ve yalnızca onaylandıktan sonra "devam et" demelisiniz.

llms.txt: AI Odaklı Okunabilir Belge Standardı

Vibe Coding'de, en az bilinen becerilerden biri llms.txt'nin bir kısmıdır.

Proje tarafından AI araçlarının doğru şekilde kullanımı için gereken kesin bağlamı sağlamak üzere projenin kök dizinine yerleştirilen bir düz metin Markdown dosyasıdır.

Çözüldüğü sorun şudur: Çoğu kitaplık belgesi insanlar için yazılmıştır ve tarayıcıda okumaya yönelik olarak optimize edilmiştir. AI modelleri, HTML, yoğun JavaScript içeren belge sayfalarını ve gezinti menülerini işlerken iyi performans göstermez. llms.txt, bu tür karışıklıkları kaldırır, modele temiz, yapılandırılmış, odaklanmış bir API referansını sağlar ve bağlam penceresine yerleştirilebilir.

llms.txt nerede bulunur ve nasıl kullanılır

Şu anda çoğu popüler kütüphane llms.txt yayınlamaktadır. Örneğin:

https://docs.supabase.com/llms.txt

Bu URL'yi Claude Code, Cursor veya ChatGPT'ye yapıştırabilir ve ardından şunu söyleyebilirsiniz: Önce bu belgeyi okuyun, sonra bu kütüphane ile bir işlev oluşturmamda bana yardımcı olun.

Hâlâ llms.txt olmayan bir kitaplık için, kendiniz bir tane oluşturabilirsiniz: Bu kitabın API belgesini kopyalayın, Claude'a yapıştırın ve ardından şunu söyleyin: Lütfen bu belgeyi net llms.txt formatına düzenleyin: sınıfları, yöntemleri, zorunlu parametreleri ve örnekleri içeren. 5000 token sınırında kalın.

OpenSaaS teknoloji yığını, yani Claude Code + Open SaaS boilerplate, hem boilerplate hem de Wasp çerçevesi için llms.txt kullanmaktadır. Bu aynı zamanda neden herhangi bir teknoloji yığını ile karşılaştırıldığında, bu yapılandırmada Claude Code'un belirgin şekilde daha istikrarlı kod üretebildiği birkaç nedeninden biridir.

Kaynaklar

llms.txt Resmi Standart（Ücretsiz）
Bağlantı: https://llmstxt.org/
Resmi standart, yayınlanmış olan tüm llms.txt dosyalarının kütüphanelerini ve çerçevelerini listeler.

OpenSaaS: 2026'da Bir SaaS'ı Vibe Code'lamak için En İyi Yol（Ücretsiz Kılavuz）
Bağlantı: https://docs.opensaas.sh/blog/2026-03-16-best-way-to-vibe-code-saas-2026/
Bu, llms.txt, SaaS hazır şablonu ve Claude Code'un 2026'nın en istikrarlı Vibe Coding yapılandırmasını nasıl oluşturduğunu gösteren gerçek bir örnektir.

Cursor Kuralları ve CLAUDE.md: AI İçin Uzun Vadeli Talimatlar

Cursor Kuralları ve CLAUDE.md dosyası, Vibe Coding'de kullanımı en düşük ancak en yüksek verimlilik oranına sahip uygulamalardan biridir.

Bunlar kalıcı talimat dosyalarıdır ve AI her oturum başladığında bunları okur. Bunlar projenizi, sözleşmelerinizi, teknoloji yığınınızı ve AI'nın kesinlikle ne yapamayacağını tanımlar.

2026 Cursor Ayarları

Cursor şimdi .cursor/rules/ dizinini kullanmakta ve kuralları ayrı .mdc dosyalarıyla yönetmektedir, geçmişteki tek .cursorrules dosyasının yerini almıştır.

Kurallarda dört etkinleştirme modu bulunmaktadır:

Her Zaman Uygula
Her oturumda yüklenir, bağlam ne olursa olsun.

Otomatik Eşleşme (Metinler)
Belirli dosya desene eşleştiğinde otomatik olarak etkinleştirilir, örneğin *.tsx dosyaları.

İstenen Ajan (Tanım Tabanlı)
Yapılan iş açıklamasına dayanarak yapay zeka ne zaman uygulanacağına karar verir.

Manuel (@kural-adı)
Yalnızca belirli bir ipucunda açıkça başvurulduğunda yüklenecektir.

İyi Bir Kural Ayarı Neleri İçermelidir

.cursor/index.mdc adında bir dosya, proje genel bakışı, teknoloji yığını ve genel anlaşmaları açıklamak için, önerilen satır sınırı 100'de tutulmalıdır;

.cursor/rules/ içinde farklı bağlamlara karşılık gelen birden çok bağımsız .mdc dosyası oluşturun, örneğin kimlik doğrulama, veritabanı şeması, UI bileşeni vb.;

Proje kök dizinine CLAUDE.md adında bir dosya yerleştirin ve Claude Code'un kullanması için aynı bilgileri yazın.

Kaynaklar

Vibe Coding Academy: Cursor Kural Tam Kılavuz + 15 Şablon (Ücretsiz Kılavuz)
Bağlantı: https://www.vibecodingacademy.ai/blog/cursor-rules-complete-guide
Bu, 2026 yılında Cursor Kuralları hakkında en kapsamlı kılavuzlardan biridir, .mdc formatını, dört etkinleştirme modunu ve 15 yaygın teknoloji yığını için kopyalanabilir şablonları kapsar.

CLAUDE.md ve Cursor Kuralları: Çoklu Seviyeler (YouTube, Ücretsiz)
Bağlantı: https://www.youtube.com/watch?v=Ia54BXaci5o
Cursor ve Claude Code için çok katmanlı kurallar belirlemek için detaylı anlatımı içerir, gerçek bir örneği barındırır. Video 2025 ortalarında yayınlandı, ancak hala tamamen geçerlidir.

Cursor'da SKILLS.md Nasıl Oluşturulur ve Kullanılır (YouTube, Ücretsiz)
Bağlantı: https://www.youtube.com/watch?v=DfLL5_zbWGc
2026 Şubat'ında yayınlanan video, Cursor'ın beceri sistemini nasıl oluşturacağını ve kullanacağını kapsar. İçerik, Agent'ın eğik çizgi komutu aracılığıyla çağırmasını sağlayan .cursor/skills/ dosyası nasıl oluşturulacağını kapsar.

Cursor Dizini (Ücretsiz, Topluluk)
Bağlantı: https://cursor.directory/
Topluluk tarafından katkıda bulunulan kurallar dizini, geniş bir teknoloji yelpazesini kapsar. Teknoloji yığınına uygun bir kural dosyası seçin ve ardından özelleştirme yapın.

Harika CursorRules (Ücretsiz, GitHub)
Bağlantı: https://github.com/PatrickJS/awesome-cursorrules
Çerçevelere göre kategorize edilmiş ve sürekli güncellenen yüksek kaliteli bir kural dosyaları seçkisi deposu.

Senkron Kodlama Kuralları: Cursor, Claude Code ve Windsurf (Ücretsiz Rehber)
Bağlantı: https://www.concret.io/blog/sync-coding-standards-across-cursor-agentforce-vibes-claude
Daha gelişmiş bir yaklaşım: Bir ana kural dosyasının tüm yapay zeka araçlarında otomatik olarak senkronize olmasını sağlayarak.

Spec-Driven Development: Vibe Coding'in Uzmanlaşmış Yükseltmesi

Spec-Driven Development, yani Spec-Directed Development, kısaca SDD, Vibe Coding'in gerçek projelere ve genişlemelere ihtiyaç duyulduğunda ortaya çıkan uzmanlaşmış bir yaklaşımdır.

Bu yaklaşım JetBrains tarafından 2026 yılında DeepLearning.AI kursunda resmi olarak sunulmuştur. Bu yaklaşım, kod yazmadan önce herhangi bir Ajanın yapmış olması gerekeni yapısal bir belgeyle tanımlamasını ve bu belgeleri doğrudan kod deposuna yerleştirmesini vurgular.

Vibe Coding genellikle projenin yaklaşık üçüncü ayında duvara çarpar. Model önceki kararlarla çelişen kodlar üretmeye başlar; bağlam sürekli birikir; çatışma desenleri belirmeye başlar; ölümcül döngüler gelir.

Spec-Driven Development bu sorunu çözmeyi amaçlar: proje için gerçek kaynak olan spec yani belge belirleyici olmalıdır, tek seferlik ipucular değil.

SDD İş Akışı

Belge Belirleyici Olarak Yazma
Kodun ortaya çıkmasından önce sistemin davranışını kesin olarak tanımlayın: Bu özellik dışarıdan nasıl görünüyor, giriş, çıkış, kenar durumları ve kısıtlamaları nelerdir. Burada yazılan şey uygulama ayrıntıları değil, gözlemlenebilir davranıştır.

Gereksinimleri Oluşturma
Spec belgesini bir AI Ajanına verin, yapay zeka tarafından yapılandırılmış bir gereksinim belgesi oluşturmasını sağlayın. Ardından siz gözden geçirirsiniz: Tüm içeriği kapsadığından emin misiniz? Onayınıza veya değişikliğe ihtiyaç var mı?

Tasarım Belgesi Oluşturma
Onaylanmış gereksinimleri teknik bir plana dönüştüren AI, belirli kodlama, test ve belgelendirme görevlerini içeren bir plan oluşturur. İlk kod satırını yazmadan önce bu planı gözden geçirmeniz gerekir.

Uygulama
AI, belge belirleyici olarak kod yazar, belirli bir bulanık ipucuna göre değil. Yeniden deneme mantığı, tümleştirme işlemleri, zaman aşımı davranışı, bunlar spec belgesinde belirlenmeli, modelin hayal gücüne bırakılmamalıdır.

Testlerin Oluşturulması ve Çalıştırılması
Spec belgesi giriş, çıkış ve kenar durumları zaten açıkladığından, test senaryoları doğrudan spec belgesinden oluşturulabilir.

SDD'yi Gerçekten Etkili Kılan Belge Yapısı

mission.md
Neyi inşa etmekte olduğunu ve neden inşa ettiğini açıklar.

tech-stack.md
Temel teknoloji kararlarını kaydeder.

roadmap.md
Projeyi aşamalara bölen uygulama sırasına göre bir yol haritası sunar.

specs/[özellik-adı]/plan.md
O özelliğin numaralı görev seti.

specs/[özellik-adı]/requirements.md
O özelliğin kapsamı, temel kararlar ve bağlamı.

specs/[özellik-adı]/validation.md
Başarı kriterleri ve birleştirme onay koşulları.

SDD ve Saf Vibe Kodlama Ne Zaman Kullanılmalıdır

Eğer bir prototip, deneme, konsept doğrulama veya yol haritasında 3-4. ayda yön araştırma ise, Saf Vibe Kodlamayı kullanabilirsiniz.

Eğer bir özelliğin uzun vadeli bakımı gerekiyorsa, projeye ikinci bir katkıda bulunan varsa veya özellik davranışı ticari veya yasal etkilere sahipse, SDD kullanılmalıdır.

Orta yol şudur: "Anayasa"yı, yani misyonu, teknoloji yığınını ve mimariyi yönetmek için SDD kullanın; bu sınırlar içinde, belirli görevleri Vibe Coding kullanarak gerçekleştirin.

Kaynaklar

Toward Data Science: Vibe Coding'den Spec-Driven Development'a (Ücretsiz Kılavuz)
Link: https://towardsdatascience.com/from-vibe-coding-to-spec-driven-development/
En kapsamlı SDD uygulayıcı kılavuzlarından biri olan, tam belge yapısı, plan → uygula → doğrula döngüsü ve spec iş akışını Claude Code becerilerine otomatik olarak nasıl dönüştüreceğiniz hakkında bilgi içerir.

GitHub Spec Kit (Ücretsiz, Açık Kaynaklı)
Link: https://github.com/github/spec-kit
GitHub'ın resmi açık kaynaklı spec-driven development (spec odaklı geliştirme) araç seti. Şablonlar, specify CLI ve Claude Code, GitHub Copilot ve Gemini CLI ile kullanılabilen yapılandırılmış komutlar içerir, /specify, /plan ve /tasks içeren. 30'dan fazla kodlama ajanını destekler.

GitHub Blog: Spec-Driven Development ile Başlamanın Yolları (Resmi Ücretsiz Kılavuz)
Link: https://github.blog/ai-and-ml/generative-ai/spec-driven-development-with-ai-get-started-with-a-new-open-source-toolkit/
GitHub'ın Spec Kit'in kullanımını anlatan resmi bir kılavuz; Specify → Plan → Tasks → Implement gibi dört aşamayı içerir, specify CLI nasıl yükleneceği ve /speckit.constitution ile projenin yönetişim prensiplerini nasıl oluşturacağı hakkında bilgi içerir.

JetBrains Kursu: Kodlama Ajanları ile Spec Odaklı Geliştirme (DeepLearning.AI Ücretsiz Kursu)
Link: https://www.deeplearning.ai/courses/spec-driven-development-with-coding-agents/
Bu yaklaşımın resmileşmesini sağlayan kurs. Claude Code'da SDD iş akışını yeniden kullanılabilir bir beceri haline nasıl otomatikleştireceğinizi kapsar.

Test Collab: Vibe Kodlamadan Spec Odaklı Geliştirmeye (Ücretsiz Kılavuz)
Link: https://testcollab.com/blog/from-vibe-coding-to-spec-driven-development
Belirli bir araca bağlı olmayan SDD açıklayıcı makale, gerçek vakalar içerir ve CLAUDE.md, Cursor Kuralları ve GitHub Copilot PRD iş akışının aynı temel deseni nasıl gerçekleştirdiğini açıklar.

Red Hat: Vibes, Specs, Skills ve Agents; AI Kodlamanın Dört Direği (Ücretsiz Kılavuz)
Link: https://developers.redhat.com/articles/2026/03/30/vibes-specs-skills-agents-ai-coding
Daha ileri düzey bir çerçeve: keşif için vibe, doğruluk için spec, yeniden kullanılabilirlik için skill, görev yürütmek için agent. Bu, profesyonel AI destekli gelişimi anlamanın daha kapsamlı zihinsel modellerinden biridir.

Her Uzman Seviye Vibe Kodlayıcısının Kullandığı 18 Uygulama

Bu uygulamalar doğrudan r/ClaudeAI ve r/PromptEngineering topluluklarından gelmektedir ve 2025-2026 deneyimini de içerecek şekilde doğrulanmıştır.

Ayrıntılı Vizyondan Başlayın
Herhangi bir aracı açmadan önce, yapmak istediğiniz şeyi eksiksiz bir şekilde yazın.

Git ve Branch'leri Sıkça Kullanın
Her bir özellik deneyimi için yeni bir dal oluşturun.

Bir instructions (talimatlar) klasörü tutun
/docs veya /instructions dizinini oluşturun ve mimarinizi, bileşenlerinizi ve kararlarınızı belgeleyen Markdown dosyaları tutun.

Özelliği Birden Fazla Aşamaya Bölün
AI'dan bir özelliği tamamlamasını istemeyin. Bunun yerine, 3-5 ipucunu adım adım tamamlaması için ayırın.

Uzun Bağlamlarda Yeni Bir Konuşma Başlatın
Uzun süren bir konuşma çıktı kalitesini düşürecektir. Yeni bir özellik geliştirirken, en iyisi yeni bir konuşma başlatmaktır.

Her İpucu Belirli Dosyalara Gönderme Yapmalıdır
AI'a hangi dosyaları incelemesi gerektiğini açıkça belirtin.

Fazla Bağlam Eklemeyin
En ilgili olanı sunun, tüm içeriği içine doldurmayın.

Mevcut Bileşenlere Referans Verin
Yeni bir bileşen oluşturmak istediğinizde, bir referans olarak mevcut bir bileşene işaret edin.

İkinci Denetleyici Olarak Gemini 3.5 Pro Kullanın
Üretilen kodu Gemini'ye kopyalayın ve güvenlik açıklarını veya kötü desenleri kontrol etmesi için ona gönderin.

Verileri Her Zaman Sunucuda Doğrulayın ve Temizleyin
Asla istemci tarafından gönderilen verilere güvenmeyin.

Özel Anahtarları Sunucuda Tutun
Çevre değişkenlerini kullanın, API Anahtarını kesinlikle ön uç koduna koymayın.

Hataları Açıkça İşleyin
Konsoldan hata mesajını kopyalayın ve AI'a yapıştırın.

Üç Kez Onarılamayan Durumlarda İpuçlarını Gözden Geçirin
Aynı sorunlu ipucunu kullanarak AI'dan dördüncü denemeyi istemeyin.

AI'a Günlük Ekletin
Hata ayıklama yaparken tahminlere dayanmayın. AI'dan önemli noktalara console.log eklemesini isteyin.

Net Kapsam Belirtin
Her ipucunun içine şunu ekleyin: "Değiştirmemi istemediğim hiçbir şeyi değiştirmeyin."

一个「常见 AI 错误」文件的维护
记录 AI 经常犯的错误，并在启动新功能时引用它。

先规划，不要直接写代码
始终要求 AI 先提出规划，在经过您批准后再开始实施。

让 AI 解释陌生代码
不要接受您完全看不懂的代码。在继续之前，请让 AI 先解释清楚。

第三个月里程碑

到本月结束时，您应该能够：

编写结构化提示，并在首次尝试时获得稳定输出；

使用 PRP 框架，在构建任何应用之前先完成规划；

为任何项目设置光标规则和 CLAUDE.md；

习惯性地应用上述 18 条专家实践；

维护一个可用的「常见 AI 错误」文件，适用于您自己的项目。

第四个月：构建真实项目，从构思到上线产品

本月的目标是：构建 2–3 个完整项目，从构思推进到真实的在线 URL。这些项目将成为您的作品集。

大多数 Vibe Coder 永久停滞的地方，就是教程演示和真实产品之间的差距。真实产品拥有用户，会以意想不到的方式出现问题，需要数据库和身份验证，并且必须能够在移动设备上正常运行。本月的重点是弥补这一差距。

1、真正值得构建的项目

忘记习惯追踪器，忘记天气应用。最好的 Vibe Coding 项目往往具有非常明确的范围，非常明确地针对某一类特定人群的痛点来解决问题。

以下是一些真实的想法：有些已被独立开发者用于盈利，有些已经有人实际制作。这些项目都不是通用的模板项目。

初级：从实际动手做起（第三至第四个月）

这些项目具有明确的流程、清晰的边界，具有真实的使用场景，通常可以在周末完成，而且不仅仅是演示，而是真正有用。

Reddit Diss Track Oluşturucusu

Bu araç, Reddit API'sine PRAW (Python Reddit API Wrapper) aracılığıyla bağlanarak istenen bir gönderiden yorumları alır, en eğlenceli alaycı ve saldırgan ifadeleri tanımlar, bunları LLM aracılığıyla şarkı sözlerine dönüştürür, ardından metni ses dosyasına dönüştürme ve temel ses düzenleme ile bir .wav dosyası oluşturur.

Oldukça tuhaf, komik ve paylaşıma uygun bir araç olup Twitter'da dikkat çekebilecek türden bir projedir.

Öğrenebilecekleriniz: Üçüncü Taraf API Entegrasyonu, LLM Zincirleme Çağrısı, Ses Dosyası Oluşturma.

AI Toplantı Özeti Oluşturucusu

Toplantı başlamadan önce, kullanıcı şirket adını ve toplantı amacını girer. Aracı, şirket web sitesi ve LinkedIn bilgilerini alır, sizin ve karşı tarafın en son e-posta alışverişini okur (Gmail API aracılığıyla), ardından konuşma konularını, temel riskleri ve önerilen soruları içeren bir toplantı özeti oluşturur.

Öğrenebilecekleriniz: Çok Kaynaklı Veri Toplama, İpucu Kelime Zinciri, API Doğrulaması.

Para Kazanma Yöntemi: Danışmanlara ve Müşteri Yöneticilerine yönelik, aylık 19 ABD Doları. Haftada 5'ten fazla müşteriyle telefon görüşmesi yapanlar için özellikle uygundur.

AI Değişiklik Günlüğü Yazarı

Bu araç, bir GitHub deposunu GitHub API'si aracılığıyla bağlar. Her hafta en son yapılan commit'leri okur, yapılan değişiklikleri çıkarır ve bunları net, müşteri odaklı bir güncelleme günlüğü haline getirir.

Geliştiriciler genellikle değişiklik günlüğü yazmaktan hoşlanmazlar, bu araç bu süreci otomatikleştirebilir.

Öğrenebilecekleriniz: GitHub API, Yapılandırılmış LLM Çıktısı, Zamanlanmış Görevler.

Hedeflenen Kullanıcılar oldukça açıktır: Bağımsız Kurucular ve Geliştirici Ekipleri.

Freelance Fatura Takipçisi

Bu, serbest çalışanlar için tasarlanmış bir araçtır ve onların zamanında ödenmeyen faturaları takip etmek istememe sorununu çözer.

Stripe entegrasyonu yapabilir veya manuel olarak fatura verilerini girebilirsiniz. Sistem, önceden belirlenmiş bir zaman çizelgesine göre nazik ama aşamalı olarak artan ödeme hatırlatma e-postaları gönderir. Fatura ne kadar gecikirse, dil o kadar kesin olur ve tüm işlemler kaydedilir.

Öğrenebilecekleriniz: Resend/Nodemailer ile E-posta Gönderme, zamanlanmış cron görevleri, Stripe webhook işleme.

Bu, serbest çalışanların hoşuna gidecek bir araç setidir.

StickyCanvas: Notion gibi olmayan bir not aracı

Bu gerçek bir proje olup, yaratıcı her gün bunu kullanmaktadır.

Bu, basit bir tuvaldir ve kullanıcıların serbestçe notlarını sürükleyip bırakmalarını sağlar. Klasör yok, etiket yok, hiyerarşi yok. Tüm değer önerisi şudur: Yeterince basit olması.

Herhangi bir menü, komut veya Notion gibi karmaşıklık yoktur. Sadece bir tuval ve bazı notlar vardır.

Öğrenebilecekleriniz: Sürükle-Bırak etkileşimi, tuval etkileşimi, yerel depolama.

Bu proje bir hafta sonunda yayına alınabilir.

Orta Düzey: Dikkat Çeken Portföy Projesi (4–5. Ay)

Bu projeler veritabanı, kullanıcı kimlik doğrulama ve gerçek tasarım gerektirir, ürün düşüncenizi sergileyebilir.

Belirli Bir Endüstriye Yönelik Dikey AI Sohbet Botu

Bu genel bir sohbet botu değil, belirli bir iş alanı bilgi tabanına odaklanmış bir sohbet botudur.

Bir dikey alan seçin: Dişçi, Oto Tamir Dükkanı, Gayrimenkul Danışmanı, Yoga Stüdyosu. Randevu sorularını, fiyat sorularını ve sık sorulan soruları yanıtlayabilen bir sohbet botu oluşturun, ardından bu tür işletmelere hizmeti satarak dağıtın.

Bazı bağımsız geliştiricilerin geri bildirimine göre, bu tür dikey projeler aylık olarak tek bir niş pazardan 850–3200 ABD Doları gelir elde edebilir.

Öğrenebilecekleriniz: RAG Pipeline, Supabase Vector Search, gömülü widget, çok kiracı mimarisi.

Teklif Versiyon Takipçisi

Bu, serbest çalışanlar ve ajanslar için bir araçtır, müşteriye gönderilen her teklifin sürümünü takip etmek için kullanılır.

Hangi sürümün açıldığını, müşterinin ne kadar süreyle baktığını gösterebilir ve müşteri teklifi tekrar açtığında bildirim gönderebilir. Müşterinin teklifi tekrar açması genellikle ciddi olarak düşünmeye başladıkları anlamına gelir.

Bunu, özel olarak teklif için yapılan DocuSign analitiği olarak düşünebilirsiniz.

Öğrenebilecekleriniz: PDF Yükleme ve Depolama, E-posta Açma İzleme, Anlık Bildirimler, Supabase Veritabanı Tasarımı.

Screenshot'tan React Bileşen Dönüştürücü

Kullanıcı istediği herhangi bir UI ekran görüntüsünü yükler, örneğin bir karşılama sayfası, rakip uygulama arayüzü veya Figma tasarımından aldığı ekran görüntüsü.

Araç, ekran görüntüsünü GPT-5.5 veya Claude gibi bir görü modeline gönderir ve ardından orijinal düzen ve stile mümkün olduğunca uyacak şekilde temiz bir React + Tailwind bileşeni oluşturur.

Öğrenebilecekleriniz: Görü Modeli API'si, Görsel Yükleme, Çok Modlu Model Yapısal Çıktı.

Bu araç geliştiriciler için gerçekten faydalıdır ve aylık 25 ABD Doları fiyatı kolaylıkla destekler.

Su Boru Hattı / Altyapı Harita Aracı

Bu, Vibe Coding subreddit'inde birisinin gerçekten yaptığı bir proje: Belediye veya kamu hizmeti ekiplerinin su borularını ve havzaları çizebileceği, bakım geçmişi, maliyet ve bakım günlüklerini ekleyebileceği ve tarih veya konuma göre arama ve filtreleme yapabileceği etkileşimli bir harita aracı.

Bu tür özel işletme araçlarının genellikle bazı özellikleri vardır: dikey, biraz sıkıcı ama son derece yararlıdır. B2B alıcıları, bu tür araçlar için çekinmeden ödeme yapacaktır.

Öğrenebilecekleriniz: Harita çizmek için Mapbox veya Leaflet kullanma, Coğrafi Veri Depolama Supabase'de, Yeniden Form UI, Dosya Yükleme.

Oyunlaştırılmış Aile Görev Uygulaması

Bu proje yaratıcısı aslında bunu yayınlamayı düşünmüyordu, sadece kendi ailesine ihtiyaç duyduğu için bir hafta sonu içinde yaptı. Bir ay sonra, 100'den fazla aile tarafından kullanılıyordu.

Bu uygulama ev işlerini aile üyelerine atayabilir, görevleri tamamladıktan sonra puan alabilir ve puanlar ebeveynlerin belirlediği ödülleri kilitleyebilir. Teknoloji yığını FastAPI + PostgreSQL + PWA'dır.

Deneyimi şöyle özetleyebiliriz: Gerçek hayatta karşılaştığınız sorunlar için ürün geliştirin.

Bu şekilde yaparsanız, ürettikleriniz daha hızlı yayınlanır ve daha gerçekçi olur. Çünkü zaten bir kullanıcı olarak sizsiniz ve diğer gerçek kullanıcılar da onu daha kolay bulabilir.

İleri Seviye: Yeteneği Kanıtlayan Karmaşık Proje (5–6. Ay)

Bu projeler oldukça karmaşıktır, mantıklı bir mimari, bağlam mühendisliği ve çoklu oturum oluşturma gerektirir. Her biri gerçek bir ürün haline gelebilir, bir Demo değil.

VC Yatırımcı CRM

Bu, risk sermayedarları veya melek yatırımcılar için tasarlanmış bir işlem izleme CRM'sidir.

Startup projelerinin işlemlerini takip edebilir, ilişki geçmişini yönetebilir, görüşmeleri otomatik olarak özetleyebilir ve özel yatırım tezi doğrultusunda şirketlere puan verebilir.

Anahtar İçgörü: Salesforce, HubSpot gibi hazır CRM'ler, satış ekibi için tasarlanmıştır, yatırımcılar için değil. İkilinin zihinsel modelleri tamamen farklıdır.

Mevcut araçların göz ardı ettiği belirli bir kullanıcı tipi için ürün oluşturmak, gelir elde etmenin en olası yollarından biridir.

Basketbol Yönetim Simülasyon Oyunu

Tamamen tarayıcı tabanlı bir basketbol yönetim simülasyon oyunu, gerçek projenin örneği azario.floot.app'tir.

Oyuncular kendi basketbol takımlarını oluşturabilir, antrenman programlarıyla oyuncu becerilerini geliştirebilir, gerçek zamanlı pazarda diğer oyuncularla ticaret yapabilir ve gerçek zamanlı puanlama mantığıyla maçları simüle edebilir.

Öğrenebileceğiniz şeyler: Karmaşık durum yönetimi, oyun simülasyon algoritmaları, çoklu kullanıcı gerçek zamanlı verileri, liderlik tabloları.

Bu tür projeler gerçek mühendislik iddiasını sergileyebilir.

Yapay Zeka Destekli Konuşma Terapisi Uygulaması (Aphasio)

Bu, Cursor tarafından inşa edilen, felç sonrası konuşma bozukluğu hastaları için bir iPhone uygulamasıdır.

Uygulama, AI tarafından oluşturulan dil eğitim içeriği sunacak, kullanıcılar kelimeleri ve cümleleri okuyarak pratik yapacak, Uygulama telaffuzu dinleyecek ve değerlendirecek ve performansa göre zorluğu dinamik olarak ayarlayacaktır.

Yaratıcı bu projeyi neden yaptığını, çünkü ailesinin gerçekten buna ihtiyacı olduğunu belirtiyor.

Öğrenebileceğiniz şeyler: Konuşma tanıma API'si, adaptif egzersiz oluşturma, mobil uygulama geliştirme (React Native), ilerleme izleme bulut depolama.

Bu tür projeler gerçekten anlamlı olanlardır.

Görme Engelliler için PDF Erişilebilirlik Aracı

Bu, herhangi bir PDF'i görme engelliler için gerçekten erişilebilir bir versiyona dönüştürebilen bir AI aracıdır.

Bu sadece temel metin çıkarma değil, aynı zamanda karmaşık tabloları ve grafikleri basitleştirilmiş dil betimlemelerine dönüştürür, gömülü resimler için alternatif metin oluşturur, uygun okuma sırası ekler ve erişilebilir HTML veya EPUB versiyonları çıkarır.

Öğrenebilecekleriniz: PDF ayrıştırma (PyMuPDF veya pdfplumber), çoklu modlu AI ile grafik betimlemesi, erişilebilir HTML çıktısı.

Bu yöntem sadece SaaS gelir potansiyeline sahip değil, aynı zamanda finansman veya kurumsal satın alma da alabilir.

Proje Keşif Kaynakları

r/vibecoding: Show Me Your Awesome Projects (Ücretsiz, Reddit)
Bağlantı: https://www.reddit.com/r/vibecoding/comments/1rl5ccj/show_me_your_awesome_vibe_coded_projects/
Gerçek topluluk sunumu, çevrimiçi olan Vibe Kodlama projeleri. İlham aramak için uygun, aynı zamanda projelerin kapsamını ve zorluğunu gerçek hayatta görebilirsiniz.

r/vibecoding: What Is Your Most Unique Vibe Coded Project? (Ücretsiz, Reddit)
Bağlantı: https://www.reddit.com/r/vibecoding/comments/1rxjc3u/what_is_your_most_unique_vibecoded_project/
Burada gerçekten garip ve yaratıcı projeler var, diss track oluşturucu, PDF erişilebilirlik aracı ve 30 gün içinde oluşturulan coğrafi veritabanı gibi.

DodoPayments: 2026 için Karlı 30 Mikro SaaS Fikri (Ücretsiz Kılavuz)
Bağlantı: https://dodopayments.com/blogs/micro-saas-ideas-2026
Piyasa Büyüklüğü, Aylık Tekrarlayan Gelir (MRR) Potansiyeli, Başlangıç Maliyeti ve Gelir Elde Etme Yolu da dahil olmak üzere doğrulanmış 30 Mikro SaaS fikri sunar. Her bir proje bağımsız geliştiriciler tarafından inşa etmek için uygundur.

SuperFrameworks: Vibe Kodlama Bir Eşik Noktasına Ulaşıyor (Ücretsiz Kılavuz)
Bağlantı: https://superframeworks.com/articles/vibe-coding-tipping-point-what-founders-need-to-know
7 belirli niş pazarı listeler, bağımsız geliştiricilerin aylık 500–3200 ABD Doları gelir elde etmesine olanak tanıyan Vibe Kodlama ürünlerini içerir ve gerçek gelir rakamlarıyla sunulur.

IdeaProof: 2026'da Tek Başına Kurucular İçin 50 Mikro-SaaS Fikri (Ücretsiz)
Bağlantı: https://ideaproof.io/lists/micro-saas-ideas
Her fikir, teknik zorluk derecelendirmesini, başlangıç maliyeti tahminini (1000–15000 ABD Doları) ve belirli pazar boşluğu analizini içerir. Şu anda mevcut olan en işlevsel fikir listelerinden biridir.

Cursor Forum: 2025'te Cursor İle Oluşturulanlar (Ücretsiz, Topluluk)
Bağlantı: https://forum.cursor.com/t/built-with-cursor-in-2025-share-your-projects/147737
Cursor resmi forumundaki projelerin sergilendiği bir gönderi. Tümü gerçek projeler, gerçek oluşturucular, aynı zamanda zorlukları dürüstçe paylaşırlar.

2. Plan-Review-Fix Döngüsü: Profesyonel İnşa Yöntemi

Çoğu acemi Vibe Kodlayıcı, "İpucu → Kabul → İpucu → Tekrar Kabul" döngüsünü benimser.

Bu, 20 satır kod için işe yarar olabilir, ancak gerçek bir üründeki gerçek işlev için felaketle sonuçlanabilir.

Profesyoneller, Plan-Review-Fix döngüsünü kullanır; burada üç farklı rol bulunmaktadır: siz, kodlama Ajanı ve bağımsız bir AI Denetleyici.

İş Akışı

Önce planla.
Kod yazmaya başlamadan önce, AI'ın şunları listelediğinden emin olun: hangi dosyaları oluşturacak veya değiştirecek, hangi işlevleri ekleyecek, hangi bağımlılıklara ihtiyaç duyacak ve var olabilecek sınırlı durumlar.

Ona şunu açıkça belirtin: Kod yazma, sadece planı gösterin.

Sonra siz planı gözden geçirin ve değişiklik yapın.

Gerçekleştir.
Plan onaylandıktan sonra, AI'a kod yazdırın.

Gözden geçirme.
Oluşturulan kodu kopyalayın, yeni bir Gemini 3.5 Pro oturumuna yapıştırın. Onu seçme nedeniniz, çok büyük bir bağlam penceresine sahip olmasıdır. Onu deneyimli bir güvenlik mühendisi ve kod inceleyici rolünde oynatın, Hata, Güvenlik açığı, Oluşturulmuş paket adı, ve kötü desenleri kontrol edin.

Düzeltme.
İncelemenin bulgularını kodlama Ajanına geri bildirin, temiz bir sonuç elde edilene kadar devam edin.

Kaynaklar

ProductTalk: Vibe Kodlama En İyi Uygulamaları; Kader Döngüsünden Kaçının (Ücretsiz Kılavuz)
Bağlantı: https://www.producttalk.org/vibe-coding-best-practices/
"Ölüm Döngüsü" ve Plan-Review-Fix döngüsü hakkında en ayrıntılı rehberlerden biri, uygulamalı örnekler içerir.

2026'da Gerçek Üretim Kodunu Gönderen 5 Vibe Kodlama İş Akışı (Ücretsiz Kılavuz, dev.to)
Bağlantı: https://dev.to/dohkoai/5-vibe-coding-workflows-that-actually-ship-production-code-in-2026-1nmn
Gerçek üretim kodunu teslim eden Claude Code, Cursor ve Windsurf kullanımını tanıtan uygulamalı süreçleri içerir. Demo yerine içerik, test sürücülü yaklaşım, bağlam yükleme desenleri ve gerçek maliyet verilerini kapsar.

3. Her Vibe Kodlayıcısının Temel Güvenlik Bilgilerini Bilmesi Gerekenler

AI tarafından oluşturulan kodlarda öngörülebilir güvenlik sorunları sıkça ortaya çıkar. Bir güvenlik uzmanı olmanız gerekmez, ancak bu kalıpların varlığını bilmeli ve herhangi bir ürünün çevrimiçi hale gelmeden önce kontrol alışkanlığı kazanmalısınız.

Vibe Kodlayıcı Güvenlik Kontrol Listesi

API Anahtarı ve Şifre
Tüm anahtarlar .env.local dosyasına yerleştirilmelidir. Bu dosya ilk defa gönderilmeden önce .gitignore'a eklenmelidir. Hiçbir istisna olmamalıdır.

Sunucu Tarafı Doğrulama
Tüm kullanıcı girdilerini her zaman sunucu tarafında doğrulayın ve temizleyin. AI genellikle bu adımı atlar.

Kimlik Doğrulama Modeli
Supabase, kimlik doğrulamayı doğru şekilde işleyebilir. Özelleştirilmiş kimlik doğrulama yapacaksanız, güvenilir ve olgunlaşmış kitaplıkları kullanın.

CORS Yapılandırması
AI'nın hangi CORS ayarlarını oluşturduğunu ve neden böyle yapılandırdığını açıklamasını sağlayın. Yanlış CORS yapılandırması, AI'nın sıkça karşılaştığı bir sorundur.

Bağımlılık Denetimi
Dağıtımdan önce, AI'nın bilinen güvenlik açıklarına sahip bağımlılıkları veya hayali oluşturulmuş paket adlarını kontrol etmesine izin verin. AI bazen var olmayan paket adları uydurabilir.

Prompt Enjeksiyonu
Uygulamanız kullanıcı girdilerini LLM'ye iletecekse, kullanıcılar sistem içi ipuçlarını ele geçirmeye çalışabilir. OWASP kılavuzunu okumanız gerekecektir.

Kaynaklar

OWASP LLM Uygulamaları İçin Top 10: Prompt Enjeksiyonu (Ücretsiz)
Link: https://genai.owasp.org/llmrisk/llm01-prompt-injection/
Bu, Prompt Enjeksiyonu hakkında otorite kaynak olup, LLM uygulamalarındaki en büyük güvenlik riskidir. İçerik, doğrudan ve dolaylı enjeksiyon saldırılarını ve savunma modellerini kapsar.

OWASP API Güvenliği Top 10 (Ücretsiz)
Link: https://owasp.org/API-Security/
API güvenlik risklerinin otorite listesi. Kullanıcı verisi kabul eden herhangi bir ürünü çevrimiçi hale getirmeden önce bu konuları anlamanız gerekmektedir.

Clarifai: Vibe Kodlama En İyi Uygulamaları ve Güvenlik（Ücretsiz Kılavuz）
Bağlantı: https://www.clarifai.com/blog/vibe-coding-explained
AI tarafından oluşturulan kodlar için adım adım güvenlik kontrol listesi sunar ve AI'nın daha güvenli bir şekilde inşa edilmesine yardımcı olacak özel ipuçları stratejileri sunar.

Cycode MCP Sunucusu: Gerçek Zamanlı Güvenli AI Kodu（Ücretsiz）
Bağlantı: https://cycode.com/blog/introducing-cycodes-mcp-server/
Cycode'un MCP sunucusu, Cursor ve Windsurf'a doğrudan entegre edilebilir ve AI tarafından oluşturulan kodları Vibe Kodlama iş akışından ayrılmadan gerçek zamanlı olarak kontrol eden bir güvenlik tarayıcısı olarak hizmet eder.

4. Supabase: Full Stack Backend'iniz

Supabase, gerçek ürünler oluştururken Vibe Coder'ın en önemli altyapılarından biri olduğu için ayrı bir konuyu hak ediyor.

Supabase, Postgres veritabanı, kimlik doğrulama, dosya depolama ve gerçek zamanlı abonelik sağlar; tüm bu yetenekler JavaScript SDK aracılığıyla çağrılabilir ve sunucu yönetimi gerekmez.

Kaynaklar

Supabase: Çevreler İçin Vibe Coder'ın Kılavuzu（Resmi Ücretsiz Kılavuz）
Bağlantı: https://supabase.com/blog/the-vibe-coders-guide-to-supabase-environments
Bu makale özellikle bir Vibe Coder için yazılmıştır. İçerik, geliştirme ortamı ve üretim ortamını nasıl yapılandıracağınızı, veritabanı göçünü ve başlangıçtaki en büyük hata olan doğrudan gerçek çevrimiçi veriler üzerinde test yapmayı ele almaktadır.

Supabase YouTube Kanalı: Hızlı Başlangıç Kılavuzları (Ücretsiz)
Bağlantı: https://www.youtube.com/@Supabase
Her ana özelliğe kısa ve pratik video kılavuzları bulunmaktadır, örneğin kimlik doğrulama, veritabanı, depolama, gerçek zamanlı özellikler. Her video yaklaşık 5–10 dakika sürer.

Supabase Göçler Belgeleri (Resmi Ücretsiz)
Bağlantı: https://supabase.com/docs/guides/deployment/database-migrations
Her veritabanı şema değişikliğini bir göç olarak ele alın ve doğrudan veritabanını düzenlemeyin. Bu, felaket veri kaybını önlemenin anahtarıdır. Kılavuz ayrıca geri alma betiğini de içerir.

5. Kodlama Ajanının 9 Başarısızlık Modu: Projeleriniz Nerede Sorun Çıkarabilir

Kolombiya Üniversitesi DAPLab araştırmacıları, bugüne kadar en titiz Vibe Coding başarısızlık modu çalışmasını yayınladı. Cline, Claude, Cursor, Replit ve v0'ı aynı görevde analiz ettiler ve sonunda 9 önemli başarısızlık modunu keşfettiler.

Arasında en yaygın ve en tehlikeli olan iki tanesi şunlardır:

Sessiz Başarısızlık
Kod çalışıyor gibi görünüyor, herhangi bir hata mesajı da yok, ancak aslında istediğiniz şeyi gerçekleştirmiyor. Terminalde kırmızı hata mesajı yok, program çökmüyor, sadece yanlış davranış, ve genellikle uzun bir süre sonra fark ediliyor, hatta üretim ortamına bile girmiş olabilir.

İş Mantığı Başarısızlığı
Bir model, belirli bir mekanizmayı doğru bir şekilde uygular, ancak gerçek niyeti yanlış anlar. Örneğin, unutulmuş bir koşul altında devam eden işaret sayacı sıfırlanır; Fatura tutarı, dahil edilmesi gereken vergiyi içermez. Bu tür hatalar gerçek ürün için felaket olabilir.

Araştırmacılar tarafından tanımlanan diğer 7 mod için:

Hata İşleme Boşluğu
try {... } catch (e) {} gibi hataları tamamen bastıran ve herhangi bir günlük kaydı tutmayan yazım biçimleri görülür.

Aşırı Düzenleme Kapsamı
Aracı, istemediğiniz dosyaları değiştirerek diğer işlevlerin bozulmasına neden oldu.

Eski Bağlam Kayması
Sohbet uzadıkça, model projenizin konvansiyonunu yavaş yavaş unutmaya başlar.

Kendini Haklı Çıkarma Testi Sınaması
Test, sadece AI'nın yazdığı sahte verileri test eder, gerçek davranışı test etmez. Sonuç, test başarı oranının %100 olduğu ancak gerçek kapsama oranının sıfır olduğu bir durumdur.

Dev Bileşen Yayılması
Bir dosya 600'den fazla satırı aşar, 10'dan fazla useState içerir ve neredeyse bakımı imkansız hale gelir.

Kural Kör Noktası
Aracı kısıtlamalarınızı bir tercih olarak, kural olarak ele alır. Kısıtlamaları bu şekilde takip eder, ta ki uymama nedeni bulana kadar.

Şeffaflık Boşluğu
Bir şey başarısız olduğunda, mevcut araç neredeyse size Aracının ne yapmak istediğini, nerede hata yaptığını açıkça gösteremez.

Kural Kör Noktası için araştırmanın verdiği çözüm şudur: CLAUDE.md ve kural dosyanızı bir zorunlu sözleşme olarak değil, bir öneri olarak ele alın.

Açık bir başarısızlık koşulu eklemeniz gerekebilir, örneğin:

Bu tabloda RLS politikası yoksa, durun ve beni sorgulayın, devam etmeyin.

6. Test: Çoğu Vibe Coder'ın Atlamaktan Sonra Pişman Olacağı Beceriler

Yapılandırılmış bir QA süreci olmadan, Vibe Coding uygulaması geleneksel yazılım geliştirmeden üç kat daha hızlı teknik borç biriktirir. Bu sonuç, 101 AI destekli geliştirme kaynağının meta-analizine dayanmaktadır.

Gerçek sonuç şudur: İyi görünen bir Vibe Coding uygulaması, sonrasında profesyonel bir yeniden yapılandırmaya ihtiyaç duyarsa maliyet genellikle 5000-30000 doları bulur.

Çözüm, AI kullanımını durdurmak değil, AI'a işlevleri yazarken test yazdırmaktır.

Test Öncelikli Vibe Coding yöntemi

İşlev kodunu yazmadan önce, AI'ı beklenen davranış için test yazmaya zorlayın. Bu, işlev davranışını daha kesin tanımlamanızı zorunlu kılar ve hemen işlev kodu kalitesini iyileştirir. Testi çalıştırın ve başarısız olmasını izleyin. Sonra AI'ı testi geçmesini sağlayacak kodu yazmaya yönlendirin. Önemli değişikliklerden sonra AI'ı npm test komutunu çalıştırmaya zorlayın. Başarısız olan testler, geriye dönük kısıtlamayı önleyen geri bildirim döngüsüdür.

70/30 Kuralı

Bu, hangi işlerin yapay zekaya devredilmesinin en uygun olduğunu belirlemek için kullanılan pratik bir kuraldır.

70% AI Yardımlı İçin Uygundur:
Şablon kodu, CRUD işlemleri, form doğrulaması, mevcut koda test yazma, belge yazma, net bir model üzerinden yeniden yapılandırma, format dönüşümü (JSON → TypeScript), düzenli ifadeler, tek seferlik betikler.

30% İnsanların Yönlendirmesi Gereken:
Sistem mimarisi kararları, güvenlikle ilgili kritik kodlar (kimlik doğrulama, şifreleme, ödeme), karmaşık yarış koşulları, yeni sorun alanları, performans kritik algoritmalar, yasal ve uyum mantığı.

Eğer işin %95'ini AI'a devrederseniz, büyük olasılıkla bir hata yayınlayacaksınız. Eğer sadece %20'sini AI ile tamamlarsanız, büyük ölçüde üretkenliği boşa harcadığınız anlamına gelir.

Kaynaklar

Testomat: Vibe Coders İçin En İyi 8 AI Test Aracı (Ücretsiz Kılavuz)
Bağlantı: https://testomat.io/blog/best-ai-testing-tools-for-vibe-coders/
Bu, 2026 yılında Vibe Test araçları hakkında en kapsamlı kılavuzlardan biridir, Vitest, Playwright ve AI yerel QA araçlarını kapsar.

Playwright + MCP ile Vibe Testi (Ücretsiz Kılavuz, Tim Deschryver)
Bağlantı: https://timdeschryver.dev/blog/vibe-testing-with-playwright
Playwright MCP sunucusunu Kursor veya VS Code Copilot'ta nasıl kullanacağınızı, doğal dilde tarayıcı testleri yazıp çalıştıracağınızı tanıtır. Playwright'ın hata etiketindeki "kopyala ve yapıştır" düğmesi, başarısız testi doğrudan AI Ajanına yapıştırmanızı sağlar.

AI Vibe Coding Notes from the Basement（Ücretsiz Kılavuz, Harika Test Etme）
Link: https://www.awesome-testing.com/2025/04/ai-vibe-coding-notes-from-the-basement
Bu, TDD-first Vibe Coding hakkında en ayrıntılı uygulayıcı kılavuzlarından biridir. İçerik, o1 Planlama kullanımını, Cursor + Sonnet 4.6 ile yürütme, geri bildirim döngüsü olarak sürekli test yürütme ve kod deposunu tek bir dosyaya düzleştirmek için gitingest kullanımını içerir, böylece düşünce modeli çıkarım yapabilir.

Playwright Codegen (Resmi Ücretsiz)
Link: https://playwright.dev/docs/codegen
Komutu Çalıştır:

npx playwright codegen

Sonra uygulamanızda normal bir kullanıcı gibi tıklatın. Playwright, her tıklamayı kaydedecek ve otomatik olarak Playwright test dosyasını oluşturacaktır. Bu, tarayıcı testlerini en hızlı şekilde yazmanın yollarından biridir.

Vitest Resmi Belgeleri (Ücretsiz)
Link: https://vitest.dev/
Bu, 2026'nın Vite x Next.js projesinin standart birim test çerçevesidir. Hızlıdır, Jest ile uyumludur ve TypeScript'i doğal olarak destekler.

4. Ay Mezuniyeti

Bu ayın sonunda şunlara sahip olmanız gerekiyor:

2–3 tamamlanmış ve dağıtılmış proje, hepsinin gerçek çevrimiçi URL'si olmalıdır;

En az bir projenin kullanıcı kimlik doğrulamasına ve Supabase veritabanına sahip olması gerekmektedir;

Her önemli özellik senkronize bir şekilde veya önceden test edilmiştir;

Plan-Gözden Geçir-Fiksiyon iş akışı artık inşa alışkanlığınıza gömülüdür;

Güvenlik incelemesi, her dağıtımdan önce standart bir adım haline gelmiştir;

GitHub ana sayfasında en az 3 gerçek depo bulunmaktadır.

5. Ay: Bağlam Mühendisliği ve MCP, "Mükemmel" ile "Zirve" Yetenek Arasındaki Farkı Belirleme

Bu ayın hedefi: Bağlam Mühendisliğini ustalaşmak, yani doğru zamanda AI'a doğru bilgiyi sağlayarak sürekli yüksek kaliteli, mimari açıdan tutarlı sonuçlar üretebilmesini sağlamaktır.

Bağlam Mühendisliği, sıradan bir Vibe Coder ile mükemmel bir Vibe Coder'ı ayırt etmenin anahtarıdır. İlk grup genellikle düzensiz ve tutarsız kod tabanları oluştururken, ikincisi temiz ve bakımı kolay ürünler inşa edebilir. Proje ölçeği arttıkça, bağlam yönetimi en önemli yeteneklerinizden biri haline gelecektir.

1. Bağlam Mühendisliği Aslında Nedir?

Bağlam Mühendisliği, her öneri kelimesinden önce ve yürütme sürecinde bilinçli bir şekilde AI'ın bağlam penceresine girecek bilgiyi şekillendirmektir.

Bu tekil bir beceri değil, bir sistemdir. Bu sistem, kural dosyalarınızı, proje belge yapınızı, öneri kelimelerinde başvurulan dosyaları, kod tabanı organizasyonunuzu ve AI'ın bağlam uzunluk sınırlamasını nasıl ele aldığınızı içerir.

Yetersiz bağlama sahip AI, tutarsız, güncelliğini yitirmiş ve hatta çelişkili kodlar oluşturabilir. İyi bağlama sahip AI ise projenizin kalıbına tamamen uygun kodlar üretebilir, mimarinizi anlar ve bilinen hatalardan kaçınır.

2026 Bağlam Mühendisliği Teknoloji Yığını

.cursor/rules/ + CLAUDE.md
Proje düzeyinde uzun vadeli talimatlar, 3. ayda zaten ele alındı.

/belgeler veya /talimatlar klasörü
Önemli mimari kararları, bileşen modelleri ve üçüncü taraf entegrasyonlarını Markdown dosyalarıyla belgeleyin.

Özellik spesifikasyon dosyaları
Her ana işlev için ne yaptığını, sistemde nasıl bağlandığını ve hangi kısıtlamaların olduğunu açıklayan bir Markdown dosyası.

Örnek dosyalar
Öneri kelimelerinde mevcut bileşenleri referans göstererek onları bir stil rehberi olarak kullanın.

Arka Uç Geliştirme Sunucusu
npm run dev'i arka planda çalıştırarak, yapay zekanın derleme hatalarını ve sunucu günlüklerini derleme sürecinde gerçek zamanlı olarak görmesini sağlayın.

Tarayıcı Otomasyonu Aracılığıyla MCP Kullanımı
Örneğin Chrome DevTools MCP veya Vercel'in tarayıcı ajanı ile, yapay zekanın ekran görüntüsü almadan gerçek render sonucunu, konsol hatalarını ve ağ isteklerini görmesini sağlayın.

Kaynaklar

NXCode: Ajansal Mühendislik; Yapay Zeka-Odaklı Yazılım Geliştirmenin Tam Kılavuzu (Ücretsiz Kılavuz)
Bağlantı: https://www.nxcode.io/resources/news/agentic-engineering-complete-guide-vibe-coding-ai-agents-2026
Karpathy, 2026 yılının başlarında "ajansal mühendislik" terimini ortaya attı; bu terim, keyfi Vibe Coding'den uzmanlaşmış AI destekli gelişime doğru bir evrimi tanımlamak için kullanılıyor. Bu kılavuz, Plan → Execute → Verify (PEV) döngüsünü, bağlamı ve kalite kontrol noktalarını kapsar. Mart 2026'da yayınlandı.

Vibe Coding'i Hakim Etmek İçin 10 GitHub Deposu (Ücretsiz Kılavuz, KDnuggets)
Bağlantı: https://www.kdnuggets.com/10-github-repositories-to-master-vibe-coding
En İyi 10 GitHub Deposunu seçtik; bunlar, bağlam mühendisliği, iş akışı şablonları, kural kitabı yapılandırması gibi konuları kapsar.

Harika Vibe Coding (Ücretsiz, GitHub)
Link: https://github.com/filipecalegario/awesome-vibe-coding
Şu anda mevcut en kapsamlı Vibe Coding başvuru kaynakları, araçları, kılavuzları ve seçilmiş kaynak listelerinden biri.

2. MCP: Model Context Protocol

MCP, Model Context Protocol'ün kısaltması olup Anthropic tarafından dış veritabanı, API, canlı veri, dış belgeler ve üçüncü parti hizmetler gibi dış veri kaynaklarına bağlanmak için oluşturulan açık bir standarttır.

Şu anda MCP, Cursor 3.0, Claude Code ve Windsurf tarafından doğal olarak desteklenmektedir. Cursor 3.0 Marketplace aracılığıyla erişilebilir.

MCP'yi anlamak, Vibe Coding'in bir sonraki seviyesine geçtiğiniz anlamına gelir: Artık Agent sadece kod yazmıyor, aynı zamanda gerçek verilerinizi sorgulayabilir, canlı belgeler arayabilir, üçüncü parti hizmetlerle etkileşimde bulunabilir ve harici sistemlerde işlem gerçekleştirebilir.

MCP'nin pratikte ne olduğuna bir örnek vermek gerekirse:

Stripe MCP sunucusu
Agent'ınızın Stripe faturasını okuyup oluşturmasına olanak tanır.

Supabase MCP
Agent'ınızın geliştirme sürecinde canlı veritabanına sorgu yapmasına olanak tanır.

Figma MCP
Cursor Agent'ınızın tasarım dosyanızı okumasını ve buna göre bileşenler oluşturmasını sağlar.

GitHub MCP
Agent'ın issue oluşturmasını, PR açmasını ve iş akışını yönetmesini sağlar.

Qdrant MCP
Agent'ın RAG destekli uygulamalar oluşturmak için vektör veritabanına erişmesini sağlar.

Kaynaklar

MCP Resmi Tanıtımı (Anthropic Resmi Ücretsiz Belgeleri)
Link: https://modelcontextprotocol.io/introduction
Model Context Protocol'ün resmi belgeleri ve standartları.

İlk MCP Sunucunuzu Vibe Coding ile Oluşturma (Ücretsiz Kılavuz)
Bağlantı: https://www.qpython.com/building-your-first-mcp-server-with-python-and-vibe-coding-pk/
Cursor ile gerçekleştirilen ilk MCP sunucunuzu oluşturma uygulamalı eğitim, yapay zekânın harici kaynaklardan canlı bağlam çekmesine izin verir.

MCP Sunucunuzu Vibe Coding ile 5 Dakikada Oluşturma (Ücretsiz Kılavuz, Claranet)
Bağlantı: https://www.claranet.com/uk/blog/build-your-mcp-server-just-5-minutes-using-vibe-coding-kiro/
En hızlı MCP sunucusu oluşturma pratik eğitimlerden biri.

Vibe Coding RAG ile Qdrant'ın MCP Sunucusu (Ücretsiz, Qdrant)
Bağlantı: https://qdrant.tech/blog/webinar-vibe-coding-rag/
Qdrant'ın MCP sunucusunu kullanarak, Cursor ve Claude Code'un doğrudan vektör veritabanına erişmesine olanak tanımak.

Cursor Marketplace (Uygulama İçi)
Bağlantı: https://cursor.com/marketplace
Önceden yapılandırılmış MCP sunucu eklentilerini göz atabilir ve yükleyebileceğiniz bir platformdur, AWS, Figma, Linear, Stripe, Vercel, Datadog vb. gibi, hepsi Cursor 3.0'da tek tıklamayla yüklenebilir.

3. Figma'dan Koda: Profesyonel Vibe Kodlayıcıların Kullandığı Tasarım İş Akışı

Eğer ürününüzün sadece "kullanılabilir" değil, aynı zamanda zarif görünmesini istiyorsanız, o zaman Figma → Kod iş akışı, Vibe Kodlayıcıların araç çantasında en yüksek kaldıraçlı tasarım yeteneğidir.

Arayüzü metinle anlatmaktansa, önce Figma'da görsel tasarım yapın, ardından Figma MCP aracılığıyla, AI'ı tasarım dosyasından doğrudan eşleşen kodu oluşturmaya yönlendirin.

İş Akışı

Öncelikle Figma MCP'yi Cursor veya Claude Code'a bağlayın. Figma eklentisini Cursor Marketplace üzerinden yükleyebilirsiniz.

Sonra prompt'ta Figma dosyasına referans verin:

Figma dosyasındaki tasarım belirteçlerini inceleyin. Renk paletini, yazı puntolarını ve boşlukları çıkarın ve Tailwind yapılandırmasına düzenleyin. Önce bileşen yazmayın.

Tasarım belirteçleri belirlendikten sonra, belirli bileşenlere referans verin:

Figma tasarımına göre Navbar bileşenini oluşturun. Boşlukları, yazı tipi düzenlemesini ve üzerine gelindiğinde durumu tam olarak eşleştirin. Tailwind CSS kullanarak sadece TypeScript yazın.

Bloğa göre adım adım yapı oluşturun ve her zaman Figma dosyasındaki boyutları ve düzen mantığını referans alın.

Bir Ana Tavsiye

Figma MCP'yi kullanmasanız bile, yeni başlayanlar daha hızlı bir alternatif yöntemi benimseyebilir: İlk olarak Canva'da bir sayfa taslağı oluşturun.

Herhangi bir yapı aracını açmadan önce, düzeni Canva'da 30 dakika çizin. Bu, önce birkaç soruyu yanıtlamanızı zorunlu kılacaktır: Her sayfa neyi içeriyor? Navigasyon nerede olacak? Her blok neyi içeriyor?

Bu şekilde, ilk prompt'u yazmadan önce, çok miktarda belirsizliği önceden ortadan kaldırabilir, sonraki birkaç saatlik hata ayıklama sürecinden tasarruf edebilirsiniz.

Kaynaklar

Figma MCP + Cursor: Yeni AI Tasarım Sistemi İş Akışı (YouTube, ücretsiz)
Bağlantı: https://www.youtube.com/watch?v=09VgyFFLrOw
MCP'nin Figma'yı Cursora bağlamasını, tasarım belirteçlerini içe aktarmasını ve Figma özelliklerine tam olarak uyan bileşenleri oluşturmasını ayrıntılı olarak gösteren tam demo. Kasım 2025'te yayınlandı.

Claude Code × Figma MCP: Tasarımcının Oyun Kılavuzu (Ücretsiz Kılavuz, ADPList)
Link: https://adplist.substack.com/p/how-to-build-with-figma-mcp-the-designers
Yazar, Tasarımcı Kimliğiyle 100 Günlük Vibe Coding'in ardından, daha akıcı bir Figma → Claude Code → Üretim Seviyesi React Bileşenleri iş akışını özetledi. Tasarım belirteçlerini çıkarmak ve duyarlı bloklar oluşturmak için doğrudan kopyalanabilir kullanım için ipuçları şablonları içerir.

Figma Make (Resmi, Ücretsiz Katmanları Mevcut)
Link: https://www.figma.com/solutions/vibe-coding-tool/
Figma'nın yerel Vibe Coding aracı. Doğal dilde UI veya prototip tanımı yaparak doğrudan Figma'da etkileşimli prototipler oluşturabilir ve temiz kod ihraç edebilirsiniz. Figma MCP ile entegre olabilir ve dış ajanların kullanımına sunulabilir.

Anima: Figma Tasarım Sisteminizle Vibe Code Yapın (Ücretsiz Katmanları Mevcut)
Link: https://www.animaapp.com/blog/design-systems/vibe-code-with-your-figma-design-system/
Figma tasarım sisteminizi Anima'ya içe aktarın, ardından tasarım belirteçlerine uygun React bileşenleri oluşturun. Çıktı içeriği, Anima MCP tarafından Claude Code veya Cursor'a devredilebilir.

Muzli: Tasarımcılar için Tam Vibe Kodlama Rehberi (Ücretsiz)
Bağlantı: https://muz.li/blog/the-complete-vibe-coding-guide-for-designers-2026/
AI tarafından olmayanlar için ürün geliştirenler için kapsamlı bir rehber; tasarım sistemleri ipuçları, ipuçlarındaki görsel referanslar ve Vibe Kodlama bileşenlerinde marka tutarlılığını nasıl koruyacağınız.

4. Ürüne AI Yetenekleri Ekleme: Vercel AI SDK

Yalnızca bir ''AI ile oluşturulan ürün'' değil, ''AI kullanan bir ürün'' inşa etmek istiyorsanız, Next.js teknoloji yığınında Vercel AI SDK en hızlı ve en temiz seçeneklerden biridir.

Kaynaklar

Vercel AI SDK Belgelendirmesi (Resmi Ücretsiz Belge)
Bağlantı: https://sdk.vercel.ai/docs
Resmi referans dokümantasyon. OpenAI, Anthropic, Google, Mistral, Groq dahil olmak üzere 20'den fazla AI sağlayıcısını destekleyen genel bir arabirimi ile gelir. React kancaları entegre edilmiştir, örneğin useChat, useCompletion ve akışlı çıktı, araç çağrısı ve yapılandırılmış çıktıyı destekler.

AI SDK V5 Öğretici Serisi (YouTube, Ücretsiz)
Bağlantı: https://www.youtube.com/playlist?list=PL4cUxeGkcC9h2NkvFCBO4kvA4Y9wiDrIO
Next.js AI uygulaması oluşturmak için Vercel AI SDK'yı kullanma hakkında çoklu bölümlü bir eğitim serisi. 2025 Ağustos'unda yayınlanan 1. ve 2. Bölüm, tam kurulum sürecini kapsar.

Vercel AI SDK ve Next.js ile Akışlı AI Sohbet Uygulaması Oluşturma（Ücretsiz Kılavuz, dev.to）
Bağlantı: https://dev.to/nikolasbarwicki/build-a-streaming-ai-chat-app-with-vercel-ai-sdk-and-nextjs-10f6
Sıfırdan adım adım kod öğretici ile akışlı AI sohbet uygulaması oluşturma.

Bu Ay Ne Yapabilirsiniz?

4. ayınızda yaptığınız projelerden birini seçin ve Vercel AI SDK kullanarak bir AI özelliği ekleyin. Örneğin: Not uygulamasına AI otomatik etiketi ekleme; Alışkanlık takipçisine "alışkanlık verilerinizi sormalı" AI asistanı ekleme; Kullanıcının yapıştırdığı metne göre AI flash kartları otomatik oluşturma.

5. RAG: AI'nın Belgenize Dayalı Soruları Yanıtlamasına İzin Verme

RAG, Yeniden Getirme Destekli Üretim anlamına gelir. Bu, çoğu ciddi kurumsal AI uygulamasının temel yeteneğidir, örneğin müşteri hizmetleri botları, iç bilgi tabanları, belge soru-cevap araçları.

"AI Ürün Mühendisi" olmayı hedefleyenler için RAG aynı zamanda en popüler ve en çok talep gören becerilerden biridir.

Temel kavram çok basittir: LLM'yi sadece eğitim verilerine dayanarak soruları yanıtlamaktan alıkoyun, bunun yerine kendi belgelerinizden ilgili parçaları kurtarın, bu parçaları ipuçlarına yerleştirin ve modelin sağladığınız bilgilere dayanarak yanıtlamasını sağlayın.

Kaynaklar

LlamaIndex: RAG'a Giriş（Resmi Ücretsiz Belge）
Bağlantı: https://developers.llamaindex.ai/python/framework/understanding/rag/
Yükleme, Dizinleme, Depolama, Sorgulama ve Değerlendirme olmak üzere beş temel aşamayı kapsar.

LlamaIndex Başlangıç Rehberi（Resmi Ücretsiz Belgeler）
Bağlantı: https://developers.llamaindex.ai/python/framework/getting_started/starter_example/
Çalışan bir RAG sistemi oluşturmak için 30 satırdan az kod kullanın.

Beginnerlar İçin LangChain Rehberi（2026 Kılavuzu）（YouTube, Ücretsiz）
Bağlantı: https://www.youtube.com/watch?v=AOQyRiwydyo
2026 Yılı LangChain Kursu kursu sağlar, Ajanlar, RAG ve Veriye Dayalı AI Ajanı Oluşturmak İçin ReAct Ajanı Çerçevesini kapsar.

Etkili RAG Uygulamaları Oluşturma: LangChain ve LlamaIndex ile（YouTube, Ücretsiz）
Bağlantı: https://www.youtube.com/watch?v=D7YwcDJ75lQ
Gerçek kod örnekleri aracılığıyla, LangChain ve LlamaIndex'in RAG senaryolarında nasıl kullanıldığını yatay olarak karşılaştırır.

Bir AI Ajan Çerçevesi Seçimi Nasıl Yapılır（LangChain vs. LlamaIndex）（Ücretsiz Kılavuz）
Bağlantı: https://workforcenext.in/blog/how-to-choose-ai-agent-framework/
2026 Nisan ayında yayınlanan açıklayıcı bir makale. Tavsiye şudur: Eğer en zor olan şey sorgulama sorunu ise LlamaIndex'i kullanın; daha geniş bir ekosisteme ve üretim düzeyinde yerleştirme yeteneğine ihtiyacınız varsa LangChain / LangGraph'ı kullanın.

6. Token Maliyeti ve Bütçe Yönetimi: Fatura gelene kadar kimse size söylemeyecek

Bir çağrıda, düşük maliyetli model ve ileri model arasında 30 katı bir maliyet farkı olabilir.

Eğer üretim uygulamanız her bir isteği GPT-5.5 veya Claude Sonnet 4.6'yı çağırıyorsa, fatura muhtemelen aylık 20 dolarlık faturadan birkaç yüz dolara patlayana kadar fark etmeyeceğiniz bir noktaya gelmiş olacak.

İddiaya göre, Uber, uzun bağlam Claude Code oturumlarını yoğun şekilde kullandığı için yalnızca dört ayda 2026 yılı AI programlama bütçesini tüketmiş.

Buradaki matematik mantığı oldukça basittir: Bağlam uzunluğu maliyeti doğrusal olarak artırır. Ve Claude Code oturumlarına tam kod deposu verildiğinde, hızla 250.000 ila 500.000 token'a ulaşabilir.

Pratik Maliyet Yönetimi Kuralları

Sabit Harcama Sınırı Belirleme
Kamu hizmetine sunulan herhangi bir yapay zeka özelliğinden önce, OpenAI ve Anthropic arka planda aylık bir limite sahip olun. Yayına girmeden önce yapılmalı, yayına girdikten sonra değil.

Görev Karmaşıklığına Göre Model Yönlendirme
Sınıflandırma, etiketleme, özetleme ve biçimlendirme görevleri, claude-haiku veya gpt-5.5-mini gibi modellerle gerçekleştirilebilir. Yalnızca çıkarımı zor görevler, Sonnet 4.6, Opus 4.6 veya GPT-5.5'e bırakılmalıdır.

Basit görevler için, genellikle daha ucuz olan modeller neredeyse aynı kalitede çıktı verebilir, ancak maliyet farkı 10 kat olabilir.

/compact Komutunu Claude Code'da Kullanma
Bağlam uzunluğu arttıkça, büyük bir görevi başlatmadan önce manuel olarak /compact komutunu çalıştırın. Claude Code otomatik olarak bağlam geçmişini sıkıştırır ve genellikle bir sonraki çağrının token sayısını önemli ölçüde azaltır (genellikle %60–80 azaltma).

Kısa Bağlam Penceresini Koruma
Bağlam uzunluğu her iki katına çıktığında, maliyet yaklaşık olarak iki kat artar. Yeni bir özellik geliştirirken, eski bir diyalog sürekli olarak sürdürmek yerine yeni bir diyalog başlatmak daha iyidir.

Tekrarlayan Aynı İpucunu Önbelleğe Alma
Anthropic'in ipucu önbelleği, önbelleğe alınan giriş tokenları için yalnızca %10 fiyat alır. Her çağrıda tekrarlanan sistem ipuçları veya CLAUDE.md dosyaları için, bu ciddi bir birikimle uzun vadede belirgin tasarruf sağlar.

Harcama Hatırlatıcı Ekle
Aylik harcama limitinizin %50 ve %80'ine ulaşıldığında fatura hatırlatıcıyı ayarlayın, bu şekilde siz fark etmeden bir hatadın veya döngünün beklenmedik bir fatura oluşturmasını önleyebilirsiniz.

Kaynaklar

MindStudio: Claude Code'da AI Ajanı Jeton Bütçe Yönetimi (Ücretsiz Kılavuz)
Bağlantı: https://www.mindstudio.ai/blog/ai-agent-token-budget-management-claude-code/
Claude Code'un jeton bütçesini nasıl işlediğini ayrıntılı olarak açıklar, bu süreçte sert bağlam sınırlamaları, yapılandırılabilir eşik değerler altında otomatik sıkıştırma ve maliyetli işlemler öncesinde bütçe kontrolü gibi konular ele alınmaktadır. Bu modeller aynı zamanda herhangi bir LLM ürününe uygulanabilir.

HackerNews: Claude Code'un Gerçek Maliyeti (Ücretsiz, HN Tartışma Konusu)
Bağlantı: https://news.ycombinator.com/item?id=47976415
Claude Code oturumu içindeki bağlam penceresi uzunluğunun nasıl neredeyse doğrusal olarak maliyeti artırdığına dair gerçek mühendislik tartışması ve spesifik rakamların verildiği bir tartışma.

HatchWorks: 2026'da Vibe Kodlamanın Gerçek Maliyeti (Ücretsiz Kılavuz)
Bağlantı: https://hatchworks.com/blog/gendd/cost-of-vibe-coding/
Vibe Kodlamanın toplam maliyetine oldukça dürüst bir tahmin: Yüzeydeki abonelik maliyeti aylık 20-200 dolar olabilir, ancak güvenlik düzeltmeleri, teknik borç ve profesyonel yeniden yapılandırma gibi unsurların dahil edilmesi durumunda maliyet 5000-30000 doları bulabilir. Bu gerçeği anlamak, QA ve yapılandırılmış sürece ne kadar zaman ve kaynak yatırılması gerektiğini değerlendirmenizi sağlar.

OpenAI Kullanım Gösterge Paneli (Resmi)
Bağlantı: https://platform.openai.com/usage
Herhangi bir genel özellik yayına almadan önce aylık kota burada ayarlanır. Giriş Billing → Usage Limits.

Anthropic Konsolu (Resmi)
Bağlantı: https://console.anthropic.com/
Claude API Kullanım Kotası da burada ayarlanmalıdır.

5. Ay Mezuniyeti

Bu ayın sonunda yapabileceğiniz şeyler:

Projeyi baştan sona organize ederek yapay zekanın her zaman doğru bağlama sahip olmasını sağlayın;

MCP'yi kullanarak Cursor veya Claude Code'u harici veri kaynağına bağlayın;

Vercel AI SDK ile canlı ürüne yapay zeka özellikleri entegre edin;

AI'nın belge temelli soruları yanıtlayabilmesi için temel bir RAG boru hattı oluşturun;

Her AI API hesabı için etkin maliyet izleme ve harcama limiti ayarlayın;

Herhangi bir yapay zeka aracının projeyi hemen anlamasını sağlamak için temiz bir /docs mimarisi oluşturun.

6. Ay: Profesyonel Bir Şekilde Dağıtın ve Uzmanlık Alanınızı Seçin

Bu ayın hedefi: Projeyi üretim düzeyinde kullanılabilir duruma getirmek ve kendi gelişim yönünüzü seçmek. Gerçekten dağıtın, gerçekten izleyin, gerçekten gelir elde edin ve aynı zamanda hedefinize uygun uzmanlık alanını bulun.

1. Üretim Dağıtımı ve Ortam Yapılandırması

Demo ve üretim düzeyi ürün arasındaki dağıtım farkı çok büyüktür. Bu arasındaki en önemli nokta, geliştirme ortamını ve üretim ortamını ayırmaktır.

2026 Yılında Tavsiye Edilen Dağıtım Teknolojisi Yığını

Statik web sitesi veya yerine koyma sayfası
Ön uç Vercel veya Netlify'de dağıtılır, arka uç gerekmez. GitHub'dan tek tuşla dağıtılabilir.

Kimlik Doğrulamalı ve Veritabanlı Tam Yığın Uygulama
Ön uç için Vercel, arka uç için Supabase kullanılır. Bu, yeni başlayanlar için en çok önerilen teknoloji yığınıdır.

Karmaşık Arka Uç Mantığı
Ön uç için Vercel, arka uç için Supabase kullanılır ve Edge Functions aracılığıyla hesaplama görevleri yürütülür. Bu şekilde, sunucu kiralamadan genişlemeyi sağlamak mümkün olur.

Sunucuyu Tamamen Kontrol Etme
Arka uç için Fly.io veya Railway kullanılır, ön uç ise herhangi bir çözümle eşleştirilebilir. Kontrol daha sağlam olmasına rağmen karmaşıklık seviyesi daha yüksektir.

Kaynaklar

Supabase: Vibe Coder'ın Ortamlar Kılavuzu (Resmi Ücretsiz Kılavuz)
Bağlantı: https://supabase.com/blog/the-vibe-coders-guide-to-supabase-environments
Üretim Güvenliği Dağıtımı için Okunması Gereken İçerik, geliştirme ortamı ile üretim ortamı arasındaki farkı, veritabanı göçünü ve geri alma stratejisini kapsar.

Add Jam: Vibe Kodlu Projeyi Nasıl Dağıtırsınız (Ücretsiz Kılavuz)
Bağlantı: https://addjam.com/blog/2026-04-07/how-to-deploy-your-vibe-coded-project/
Teknisyen Olmayanlar İçin Dağıtım Kılavuzu, projenizin türüne göre uygun dağıtım yöntemini seçmenize yardımcı olur, Nisan 2026'da yayınlandı.

Vibe Kodlama Projelerinizi Vercel ve Netlify İle Ücretsiz Dağıtın (YouTube, Ücretsiz)
Bağlantı: https://www.youtube.com/watch?v=85JVKjW-uG0
Github'dan Vercel ve Netlify'e dağıtım adımlarını içeren adım adım eğitici.

Vercel Dağıtım Belgeleri (Resmi Ücretsiz Belge)
Bağlantı: https://vercel.com/docs/deployments/overview
Vercel resmi dağıtım belgeleri, önizleme dağıtımını, ortam değişkeni yönetimini ve alan adı yapılandırmasını içerir.

2. Çevrimiçi Ürününüzü İzleme

Üretim ortamında, görünmeyen sorunlar düzeltilemez. Aşağıdaki üç araç, kullanıcıların ne yaşadığını ve uygulamanızın ne yaptığını tam olarak anlamanızı sağlar.

Kaynaklar

Langfuse (Açık Kaynak, Ücretsiz Düzeyler Mevcut)
Bağlantı: https://langfuse.com/
LLM Gözlemlenebilirlik Platformu. Her AI çağrısını izleyebilir: Hangi ipucunu gönderdi, hangi yanıtı aldı, jeton kullanımı, gecikme, maliyet ve hata durumu. OpenAI, Anthropic ve LangChain'i destekler. 2026 yılına gelindiğinde, AI uygulamalarını izlemek için standart bir araç haline gelmiştir.

Langfuse ile AI Uygulamanızı Nasıl İzleyebilirsiniz (YouTube, Ücretsiz)
Bağlantı: https://www.youtube.com/watch?v=V7nugySdrgw
2025 Mart'ında OpenTelemetry'in yerel ve üretim ortamında Langfuse'u nasıl yapılandırılacağını anlatan kapsamlı bir eğitim.

Langfuse + Sentry Entegrasyon Kılavuzu (Resmi Ücretsiz Rehber)
Bağlantı: https://langfuse.com/docs/observability/sdk/advanced-features
Hata izleme verilerini Sentry'e nasıl göndereceğiniz ve aynı anda Langfuse ile LLM Gözlemlenebilirlik verilerini nasıl yakalayacağınızı anlatır. Bir kez yapılandırma ile eksiksiz bir üretim izleme teknoloji yığını oluşturun.

Sentry (Resmi, Ücretsiz Katman Mevcut)
Link: https://sentry.io/
Uygulama hata izleme için standart bir araçtır. Çevrimiçi uygulamanızda bir hata oluştuğunda sizi hemen bilgilendirir, böylece kullanıcı geri bildirimini beklemenize gerek kalmaz.

Vercel Analytics (Resmi, Ücretsiz Katman Mevcut)
Link: https://vercel.com/docs/analytics
Vercel'in yerleşik web sitesi analiz aracı, tek tıklamayla etkinleştirilir. Sayfa ziyaretlerini, performans ölçütlerini ve Temel Web Değerlerini görüntüleyebilirsiniz.

3. Yönünüzü Seçin

Altıncı ayda temel yeteneklere sahipsiniz. Şimdi soru şudur: Hangi alana derinlemesine girmek istiyorsunuz?

Seçebileceğiniz üç yol vardır ve kendi hedefinize en uygun olanını seçmelisiniz.

Yön Bir: Ürün Oluşturucu, Yani Indie Hacker

Hedef Kitle: Bağımsız kurucular, girişim şirketi işletmecileri, bağımsız geliştiriciler ve kendi ürünlerini oluşturup satmak isteyenler.

Bu, Vibe Coder'ın en yaygın karşılaşılan yoludur. Bir iş aramak yerine gelir elde edebilecek bir ürün yayınlamak için çaba gösterirsiniz.

2026 Yılı Indie Hacker Teknoloji Yığını

Lovable veya Bolt: Hızlı prototip geliştirme ve erken doğrulama için;

Cursor 3.0 + Claude Code: Resmi inşa ve derin özelleştirme için;

Supabase: Veritabanı ve kimlik doğrulama;

Stripe: Ödeme;

Vercel: Dağıtım;

PostHog: Kullanıcı analitiği.

2026 Yılına Değer Bir Uygulama Türleri

SaaS Micro Tool
Çok belirli bir sorunu çözen, aylık 5–25 dolar abonelik kullanan uygulama.

AI Wrapper
Bir LLM yeteneğini net, belirli ve niş pazar odaklı bir UI'ya entegre etme.

Dizin veya Pazar Platformu
İnsanların aradığı bilgileri bir araya getirme ve düzenleme.

İç İş Aracı
Bir işletmenin şu anda tablo üzerinde manuel olarak yaptığı bir işi otomatikleştirme.

Kaynaklar

Indie Hackers (Ücretsiz Topluluk)
Link: https://www.indiehackers.com/
Gerçek kurucuların gelir verilerini, oluşturma günlüklerini ve tecrübelerini paylaştığı bir platform. Hangi ürünlerin gerçekten satıldığını ve hangi fiyatlandırmanın etkili olduğunu anlamanın önemli bir kaynağı.

Stripe Belgeleri: Ödeme Hızlı Başlangıç ​​(Resmi Ücretsiz Belgeler)
Link: https://stripe.com/docs/payments/quickstart
Stripe Checkout'ı nasıl ekleyeceğinizi anlatan resmi rehber. "Her ay X dolar için abonelik entegrasyonu yapmak için AI'ı kullanabilir ve ardından bu kılavuzu kullanarak oluşturduğu içeriği doğrulayabilirsiniz.

PostHog Başlangıç Rehberi (Resmi Ücretsiz Belgeler)
Link: https://posthog.com/docs
Open source ürün analiz aracı. Kullanıcı davranışlarını, dönüşüm hunisini, retansiyonu ve özellik anahtarlarını izlemenizi sağlar, böylece gerçekten işe yarayanı anlarsınız.

Yön 2: AI Ürün Mühendisi

Hedef Kitlesi: Girişim şirketinde veya teknoloji şirketinde AI ürün geliştirme alanına girmek isteyen kişiler.

Bu Yönelimin Portfolyo Projesi

„Belgelerinizle sohbet edin“ adlı bir ürün oluşturun.

Kullanıcılar 10-20 adet PDF dosyası yükleyebilmeli ve uygulama bu belgelere dayanarak soru sormalarına ve referanslı cevaplar almalarına izin vermeli. Bu, tam yığın uygulama olmalı, zaten dağıtılmış ve paylaşılabilir durumda olmalıdır.

2026 yılına gelindiğinde, bu size işveren veya müşteriye sunabileceğiniz en üst düzey portföy projelerinden biri olacak.

Kaynaklar

LlamaIndex: RAG Tanıtımı (Resmi Ücretsiz Belge)
Bağlantı: https://developers.llamaindex.ai/python/framework/understanding/rag/
Belge tabanlı soru-cevap sistemleri için en hızlı yol.

LangChain Akademisi: LangGraph'a Giriş (Ücretsiz Kurs)
Bağlantı: https://academy.langchain.com/courses/intro-to-langgraph
LangGraph resmi ücretsiz kursu. LangGraph, yaygın kullanılan bir Ajan Düzenleme çerçevesidir, kurs durum yönetimini, belleği, insan katılımlı döngüyü ve çoklu Ajan işbirliğini kapsar.

Vercel AI SDK (Resmi Ücretsiz Belge)
Bağlantı: https://sdk.vercel.ai/docs
Herhangi bir Next.js uygulamasına akışlı sohbet, yapılandırılmış oluşturma ve araç çağrısı yetenekleri eklemek için az miktarda kod kullanabilirsiniz. 20'den fazla AI sağlayıcıyı destekler.

Vibe Coding'den Agentic AI'ya: Programlamanın Sonraki Evrimi (YouTube, Ücretsiz)
Bağlantı: https://www.youtube.com/watch?v=LHAvPwOLz8U
Bu alandaki gelişmeleri, yapılabilirlik programlamasından başlayarak, yapılandırılmış Agentic sistemlere kendi kendini planlama, yürütme ve doğrulama yeteneği kazandıran bir şekilde özetler. Bu aynı zamanda iş piyasasının yöneldiği yöndür.

MindStudio: Agentic Mühendisliği Nedir? (Ücretsiz Rehber)
Bağlantı: https://www.mindstudio.ai/blog/what-is-agentic-engineering/
Vibe Codingle başlayıp Agentic Mühendisliğe dönüşümünü açıklayan net bir rehber. 2026 yılına kadar, birçok işverenin işe alımını yaptığı beceri paradigması budur.

Yön 3: Yapay Zeka Otomasyon Danışmanı

Hedef Kitle: Hemen işletmelere hizmet etmek isteyenler, serbest çalışanlar, danışmanlar veya bir ajans hizmeti şirketi kurmak isteyenler.

İşletmeler, pahalı, tekrarlayan, manüel süreçleri değiştirebileceği için AI otomasyonuna gerçekten değer veriyor. Bu, Vibe Codingle becerilerini gelire dönüştürmenin en hızlı yollarından biridir.

En yaygın ve değerli otomasyon senaryoları

AI ile e-posta sınıflandırma ve otomatik yanıt;

Potansiyel müşteri elemesi ve kişiselleştirilmiş temasa geçme;

Belge çıkarma ve işleme;

Bilgi tabanına dayalı müşteri hizmetleri botu;

CRM verilerinin tamamlanması ve temizlenmesi;

Fatura ve sözleşme işleme.

Kaynaklar

n8n Belgesi (Ücretsiz, Açık Kaynaklı)
Bağlantı: https://docs.n8n.io/
Görsel iş akışı otomasyon aracı, AI düğmelerini doğal olarak destekler. Slack, Gmail, Notion, HubSpot, Airtable vb. dahil olmak üzere 400'ün üzerinde entegrasyona LLM'yi bağlayabilir. Kendi barındırma sürümü tamamen ücretsizdir.

n8n Tam Kursu; 6 Saat (YouTube, Ücretsiz)
Bağlantı: https://www.youtube.com/watch?v=QoQBzR1NIqI
Tam n8n kursu, temelden ileriye kadar AI iş akış otomasyonunu kapsar.

Make (Orijinal Integromat, ücretsiz seviyesi bulunmaktadır)
Link: https://www.make.com/
Görsel otomasyon platformu. Karmaşık çok adımlı iş akışları için Zapier'den daha güçlüdür.

Otomasyon Oluşturucuları: Vibe Coding'ten Agentic AI'ya (YouTube, ücretsiz)
Link: https://www.youtube.com/watch?v=LHAvPwOLz8U
Otomasyon oluşturucuların n8n, OpenAI ve Vibe Coding araçlarını nasıl birleştirdiğini ve uçtan uca işletme otomasyon süreçleri oluşturduklarını anlatır.

Bu alandaki projenin portföyü

Uçtan uca bir potansiyel müşteri filtreleme ve iletişim otomasyon süreci oluşturma:

CSV veya Airtable'dan müşteri potansiyellerini içe aktarın;

Her potansiyel müşteriyi LLM ile araştırın ve ideal müşteri profiline göre eşleşmeyi değerlendirin;

Müşteri potansiyellerini puanlayın ve sıralayın;

Karşı tarafın üslubuna göre kişiselleştirilmiş iletişim mesajını tasarlayın;

Tüm sonuçları ve durumu/notları orijinal tabloya geri yazın.

Bu gerçek ve faturalandırılabilir bir otomasyon projesidir, işletmeler bunun için gerçekten ödeme yaparlar.

Ara Öğün: Vibe Coding ile Mobil Uygulama Geliştirme

Önceki tüm içerikler varsayılan olarak bir Web uygulaması oluşturduğunuzu varsayar. Çoğu Vibe Coder da bunu yapar.

Ancak fikriniz bir mobil uygulama ise, yani kullanıcıların telefonlarına indirmesi gereken bir ürün ise, durum farklı olacaktır. İlk ay başlamadan önce bu ekosistemi anlamanız faydalı olacaktır.

2026 Yılında Mobil Vibe Coding'in Gerçek Durumu

Mobil geliştirme, Web geliştirmeye göre Vibe Coding için daha zorlu bir süreçtir. Bu durumun belirli nedenleri vardır: React Native'in bağımlılık ağacı daha büyüktür ve daha kırılgandır. Yapay Zeka zaman zaman belirli paket sürümlerinin uyumlu olduğunu varsayarak kod oluşturabilir, ancak gerçekte sürümler çakışabilir; iOS ve Android simülatörleri yerel yapılandırma gerektirir, yapay zeka bunun tamamen yönetimini üstlenemez; mobil arayüzün testi ya gerçek bir cihazda ya da bir simülatörde yapılmalıdır, Web'deki gibi doğrudan tarayıcıda önizleme yapılamaz; Expo süreci büyük ölçüde basitleştirirken kendi kısıtlamalarını da getirir.

Eğer bir mobil uygulama inşa etmek istiyorsanız, önerilen yapılandırma şudur:

Çerçeve: React Native + Expo, yönetilen iş akışı kullanarak;

Araç Zinciri: Navigasyon için Expo Router, dosya tabanlı yönlendirme ile Next.js App Router moduna benzer şekilde;

Yapay Zeka Araçları: Claude Code + Cursor, yani web geliştirme için kullanılan araçlar, bunlar React Native'i iyi destekler;

Başlangıç Şablonu: npx create-expo-app veya create-rn-new, yapılandırılmış bir iskelet oluşturmak için kullanılır;

Önizleme Yöntemi: Fiziksel bir telefonda Expo Go App içinde QR kodu kullanarak önizleme yapmak, bu en hızlı geri bildirim döngüsüdür.

Kaynaklar

0'dan Pazarlama Aşamasına Kadar Bir Mobil Uygulama Kodlamak（YouTube, ücretsiz）
Bağlantı: https://www.youtube.com/watch?v=SzmXEOozpFg
Claude Code + Cursor + React Native + Expo Router ile bir fitness izleme uygulaması oluşturmayı adım adım gösteren tam bir demodur. İçerik, Figma-to-spec iş akışı, Claude Code aşama planlaması ve Expo bağımlılık sorunlarını gerçek zamanlı nasıl ele alacağını kapsar.

Vibe Coding ile 2026'da Bir React Native Uygulaması Oluşturmak（ücretsiz kılavuz）
Bağlantı: https://blog.vibecoder.me/build-react-native-app-vibe-coding
Expo projesini nasıl kuracağınızı adım adım açıklayan, proje özeti hazırlamanızı ve Claude Code'u kullanarak aşamalı mobil uygulama inşa planını uygulamanızı sağlayan adımları içerir.

React Native Vibe Code SDK (Ücretsiz, Açık Kaynak)
Link: https://github.com/react-native-vibe-code/react-native-vibe-code-sdk
Doğal dil ipuçlarıyla React Native ve Expo uygulamaları geliştirmek için tasarlanmış açık kaynaklı bir IDE. Mobil uygulama geliştirme alanında En Sevilen'e en yakın araç olarak düşünülebilir.

Expo Belgeleri (Resmi Ücretsiz Belgeler)
Link: https://docs.expo.dev/
Expo yapılandırması, Router ve cihaz API'si için temel başvuru belgeleri. AI aracını kullanırken bu belgeleri tarayıcıda açık tutmanız önerilir.

En önemli tavsiye şudur: Her mobil AI oturumuna başlamadan önce ilgili Expo kütüphanesinin örnekler klasörünü Google AI Studio'ya yapıştırarak, Gemini'nin bu örneklerden belge oluşturmasına ve bu belgeyi ipuçları içinde kullanmasına izin verin, mevcut API'ye güvenmek yerine.

Mobil kütüphanelerinin API'leri çok hızlı değişirken, eğitim verileri genellikle gerçek zamanlı gelişmelere ayak uydurmada geride kalır.

Ekstralar: Tüm Önemli Araçların Mevcut Olduğu 2026 Tam Araç Haritası

Bu kılavuz, Cursor 3.0 ve Claude Code'u ana araçlar olarak önermektedir. Ancak, 2026'ya gelindiğinde, tam araç haritası belirgin şekilde genişlemiştir ve farklı araçlar farklı senaryolara uygundur. Aşağıda daha kapsamlı bir harita bulunmaktadır.

Terminal/CLI Ajanı

Claude Code
Anthropic'in terminal için yerel Ajanı. Tüm kod tabanı çıkarsaması ve depo düzeyi görevler için en uygunudur.

Gemini CLI
Google'ın açık kaynaklı terminal Ajanı. Claude Code'un ücretsiz alternatifi olarak kullanılabilir ve geniş bir bağlam penceresine sahiptir.

OpenCode
Topluluk odaklı CLI Aracı. Dahili modelle gelir, maliyet daha esnektir.

Factory Droid
Kurumsal CI/CD otomasyonuna yönelik kendi kendine yazılım mühendisliği Aracı.

Özellikle belirtilmesi gereken Gemini CLI'dır, çünkü tamamen ücretsiz ve açık kaynaktır. Gemini 3.5 Pro'nun 1 milyon jetonluk bağlam penceresini kullanır, Claude Code'dan daha büyüktür.

Kurulum yöntemi:

npm install -g @google/gemini-cli

Ardından çalıştırın:

gemini

Kullanmaya başlayabilirsiniz. Bununla, ücretsiz bir alternatif olarak yüksek bağlam görevleri için kullanabilirsiniz, ayrıca dördüncü ay iş akışında "Gemini'ye manuel yapıştırma" adımı yerine ikinci bir gözden geçiren olarak da kullanabilirsiniz.

OpenAI Codex, yani yeni bulut tabanlı kodlama Aracı, eski model değil, şimdi ChatGPT içinde bulut kodlama Aracı olarak kullanılabilir ve asenkron görevleri gerçekleştirebilir. Kodex'in Claude Code'dan farkı şudur: Codex bulutta çalışır, yerel değil. Yan çubuktan ChatGPT'ye erişebilirsiniz.

Yapay Zeka Programlama IDE Uzantı Listesi

Cursor 3.0
Ajanlar Penceresi ve paralel bulut Aracını destekler. Ücretsiz sürüm / Aylık 20 ABD Doları.

Windsurf
Cascade Aracına sahiptir, Google tarafından satın alındıktan sonra daha çok kurumsal senaryoya odaklanmıştır. Ücretsiz sürüm / Aylık 15 ABD Doları.

GitHub Copilot
Hemen hemen her yerde desteklenir, VS Code, JetBrains, Xcode, Neovim'ı destekler. Ücretsiz sürüm / Aylık 10 ABD Doları.

Cline
Açık kaynaklıdır, dahili modelle gelir. Ücretsiz kullanım, API jetonuna göre ayrıca ücretlendirme yapılır.

Google Antigravity
Çoklu Ajan Yönetici Görünümüne sahiptir, paralel yapılandırılabilir. Fiyat belirsiz.

Zed
Performans odaklı, AI'ye doğal olarak odaklanan birinci sınıf. Ücretsiz.

Kilo Code
VS Code eklentisi, açık kaynak kodlu, tüm önde gelen sağlayıcıları destekler. Ücretsiz.

Devam
Açık kaynaklı Copilot alternatifi, VS Code ve JetBrains'i destekler. Ücretsiz.

Kaynaklar

DataCamp: 2026 Yılında Daha Hızlı İnşa Etmek İçin En İyi 15 Vibe Kodlama Aracı (Ücretsiz Kılavuz)
Link: https://www.datacamp.com/blog/top-vibe-coding-tools-to-build-faster
CLI Ajanı, AI IDE, Tarayıcı Oluşturucu ve Özel Araçları kapsayan 2026 yılının en kapsamlı araç karşılaştırmalarından biri. Verilen net tavsiye ise şudur: Tarayıcı için v0'ı tercih edin, editör içinde Codex'i kullanın, çok amaçlı senaryolar için Cursor'u seçin, terminalde ise Claude Code'u kullanın.

The Ultimate Vibe Coding Guide (Tam Kurs Anlatımı 2026) (YouTube, Ücretsiz)
Link: https://www.youtube.com/watch?v=KO_vCL1ZhpI
3 saatlik ustalık dersi, tek seferde Cursor, Codex, Antigravity, Claude Code, Lovable, Bolt, Supabase, Vercel, Figma Stitch, v0 ve MCP sunucularını kapsar. Mayıs 2026'ya kadar, bu, en kapsamlı tek video kaynağından biridir.

Yeni Başlayanlar İçin Vibe Kodlama (Tam Kurs 2026) (YouTube, Ücretsiz)
Link: https://www.youtube.com/watch?v=BpOsHF5Oj_I
Codex ve Firebase kullanarak aynı kod tabanından Web, Masaüstü ve iOS uygulamaları oluşturmayı tanıtan bir kurs. Mayıs 2026'da yayınlandı. Çoklu platformları kapsamak isteyen ancak sık sık teknoloji yığını değiştirmek istemeyen yeni başlayanlar için uygundur.

Öğle Yemeği Sonrası Atıştırmalık: Katılmaya Değer Topluluklar

En hızlı öğrenme genellikle herkesin anında kendi oluşturduklarını paylaştığı topluluklarda gerçekleşir. İşte 2026 ortasına kadar hala aktif olan topluluklardan bazıları.

Lovable Discord (Ücretsiz)
Bağlantı: https://lovable.dev/community
16.000'den fazla üyeye sahip olan ve çeşitli zaman dilimlerini kapsayan Lovable Discord, 2026'nın en aktif Vibe Coding topluluklarından biridir. Gerçek zamanlı yardım, haftalık etkinlikler ve canlı proje sunumu kanalı sunmaktadır.

r/vibecoding (Ücretsiz, Reddit)
Bağlantı: https://www.reddit.com/r/vibecoding/
Vibe Coding topluluğunun buluşma noktası. Burada proje sunumları, araç karşılaştırmaları, hata ayıklama yardımı ve YouTube eğitim videolarında göremeyeceğiniz gerçek başarısızlık hikayeleri bulunmaktadır.

Cursor Forum (Resmi Ücretsiz Topluluk)
Bağlantı: https://forum.cursor.com/
Cursor'ın resmi topluluğu, burada mühendislik ekibi okur ve yanıtlar. "Cursor ile Oluşturuldu" gönderileri, gerçek proje örneklerini bulmanın ve gerçek zorlukları anlamanın en iyi yoludur.

Vibe Kodlayıcılar İçin Kamuda İnşa Stratejisi (YouTube, Ücretsiz)
Bağlantı: https://www.youtube.com/watch?v=ke6oxy8Z7C4
Vibe Kodlayıcılar için açık inşa stratejisi kılavuzu: Hangi içeriği paylaşacağınız, ne zaman paylaşacağınız, bir projenin inşa sürecini izleyicilere nasıl dönüştüreceğiniz ve bu izleyicilerin bir sonraki yayınınızı hızlandırabileceğine dair bilgiler.

Postiv AI: Vibe Kodlamadan SaaS Boru Hattına (Ücretsiz Kılavuz)
Bağlantı: https://postiv.ai/blog/vibe-coding-marketing
Ürününüzü tamamladıktan sonra kullanacağınız tüm süreci ele alan bir kılavuz: İş modelini doğrulama, yayın stratejisi oluşturma ve LinkedIn ve X'i kullanarak çevrimiçi ürününüzü nasıl pazarlayacağınız.

Karo Zieminski: Vibe Coding Hub 2026 (Ücretsiz, Substack)
Link: https://karozieminski.substack.com/p/vibecoding-resources-hub
Deneyimli uygulayıcılar tarafından onaylanmış 15'ten fazla kılavuzu içeren, Vibe Coding, Spec-Driven Development ve AI destekli ürün geliştirmeyi kapsayan, tam yapılandırmacı yolculuğu kapsayan: Temel, Üretim, Güvenlik, Hata Ayıklama ve Araç Seçimi. Bu, Substack üzerindeki en kapsamlı tek sayfalık kaynak merkezlerinden biridir.

0xMinds: AI Gücündeki Geliştirme için Tam Kılavuz (Ücretsiz Kılavuz)
Link: https://0xminds.com/blog/guides/vibe-coding-complete-guide-2026
2026 için tam kapsamlı bir kılavuz, veri odaklılık, altı aşamalı yapının iş akışına, yaratıcılık → bağlam → üretim → inceleme → iyileştirme → yayınlama ve çoklu Ajans düzenleme modeline ve doğrudan kullanılabilen temel yapılandırmaya odaklanarak.

Augment Code: Vibe Coding vs Spec-Driven Development (Ücretsiz Kılavuz)
Link: https://www.augmentcode.com/guides/vibe-coding-vs-spec-driven-development
Tam Vibe Coding'e ne zaman uygun olduğunu, ne zaman Spec-Driven Development'ın kullanılması gerektiğini belirlemeye yardımcı olan net bir karar çerçevesi sunar. Makale ayrıca, saf Vibe Coding projelerinin karşılaştığı yaygın "üç aylık duvarı" açıklar ve hangi durumda modu değiştirmenin uygun olduğunu belirler.

Bu Yol Haritasını Gerçekten Nasıl Kullanırız

Bu makaleyi okuyanların çoğu, aslında onu tamamlamayacak. İçerik çok zor olduğu için değil, okuma listesi olarak değil de gerçekten bir plan olarak görmeleri nedeniyle.

2026'da gerçekten başarılı bir Vibe Kodlayıcısı genellikle üç ortak alışkanlığa sahiptir:

Ürünleri piyasaya sürerler, sadece öğrenmezler.
Her ayın kilometre taşı, bir canlı proje ile sonuçlanmalıdır, yani gerçek bir URL'ye erişilebilir, tamamlanmış bir kurs değil. Mükemmel olmayan ama yayınlanmış altı ürün, tamamlanmış yirmi dersin üzerindedir.

Açıkça inşa ederler.
X, LinkedIn veya hedef kitlenizin bulunduğu herhangi bir platformda inşa sürecinizi yayınlayın. Örneğin: "X Oluşturma Günü" ve "X'i canlı yayınladım, öğrendiklerim burada." Bu alandaki en iyi fırsatlar genellikle görünürlükten gelir, özgeçmişe başvurmadan.

Daralıp genişlerler.
İlk altı ay sadece bir araç seçin, Örneğin Cursor veya Claude Code; bir teknoloji yığını seçin, Örneğin Next.js + Supabase + Vercel; ve bir yön seçin, Örneğin bir ürün oluşturucu, AI mühendisi veya otomasyon danışmanı. Derinlik, genişlikten daha önemlidir. Gerçekten üç şeyi piyasaya sürdükten sonra, kapsamı genişletin.

Bu makale, yazarın altı aylık notları ve kişisel uygulama yolundan derlenmiş ve AI modeli Minimax ve Opus 4.6 tarafından düzenlenmiştir.

[Orijinal Makale Bağlantısı]

BlockBeats Resmi Topluluğuna Katılın:

Telegram Abonelik Grubu: https://t.me/theblockbeats

Telegram Sohbet Grubu: https://t.me/BlockBeats_App

Twitter Resmi Hesabı: https://twitter.com/BlockBeatsAsia