Geleceğin Kodlama Deneyimi

Merhaba! Şu an incelediğiniz bu web sitesi, klasik yöntemlerle satır satır kodlanmaktan ziyade, modern yapay zeka araçları ve Google Antigravity kullanılarak, bir "diyalog" sonucu ortaya çıktı.

Bu yazıda, bir Bilgisayar Mühendisliği öğrencisi olarak projeyi hayata geçirirken kullandığım teknolojileri, karşılaştığım zorlukları ve benim için sürecin en heyecan verici kısmı olan "Meta-Prompting" deneyimimi paylaşacağım.

🛠️ Teknoloji Yığını (Tech Stack)

Projenin arkasında güçlü ve endüstri standardı bir mimari yatıyor:

• Backend: Java 17 & Spring Boot 3.x (MVC Mimarisi)
• Frontend: Thymeleaf, Bootstrap 5 & Bootstrap Icons
• Veritabanı: Google Firebase Firestore (NoSQL)
• Araçlar: Maven, Lombok, DevTools
• AI Ajanı: Google Antigravity IDE & MCP (Model Context Protocol)

🌊 Vibe Coding Nedir?

Projeyi geliştirirken en çok başvurduğum yöntem "Vibe Coding" oldu. Bu, yapay zekaya sadece "şu fonksiyonu yaz" demek yerine, projenin ruhunu ve hissiyatını tarif etmektir.

Örneğin, tasarımı oluştururken CSS kodları ile boğuşmak yerine şöyle bir tarif kullandım:

"Navbar'a 'glassmorphism' (buzlu cam) efekti ver. Kartlara hover durumunda neon mor bir parlama ekle ve sayfa yüklendiğinde içerikler aşağıdan yukarıya süzülerek (fade-in-up) gelsin."

Sonuç? Şu an gördüğünüz modern, karanlık mod (Dark Mode) uyumlu ve akıcı arayüz.

🧠 Meta-Prompting: Yapay Zekayı Yapay Zeka ile Yönetmek

Bu projenin en kilit noktası, "Yapay zekayı kullanmak için yapay zekayı kullanmak" oldu. Antigravity güçlü bir kodlama ajanı olsa da, ona ne kadar detaylı ve teknik emir verirseniz o kadar iyi sonuç alırsınız.

İşte burada devreye Gemini girdi. Ben bir "Prompt Mühendisi" gibi çalışarak aklımdaki soyut fikirleri ve istekleri Gemini'ye anlattım. Gemini ise bu fikirleri, Antigravity'nin kusursuz anlayacağı **"Master Prompt"**lara dönüştürdü.

Bu katmanlı çalışma şekli (Human -> Gemini -> Antigravity -> Code) sayesinde:

1. Hata payını minimize ettim.
2. Tek bir prompt ile karmaşık MVC yapılarını saniyeler içinde kurdum.
3. Soyut tasarım isteklerimi ("Matrix havasında olsun ama modern dursun") somut CSS kurallarına çevirdim.

🚀 Geliştirme Süreci

1. Mimarinin Kurulması

Projeye başlarken oluşturduğumuz "Master Prompt" ile tüm MVC yapısını (Model-View-Controller), dosya dizinlerini ve gerekli Maven bağımlılıklarını tek seferde oluşturduk. Spring Boot'un sağlam yapısı, projenin genişletilebilir olmasını sağladı.

2. Firebase Entegrasyonu

İletişim formu için klasik SQL veritabanları yerine, modern ve hızlı bir çözüm olan Google Firebase'i tercih ettim. Antigravity'nin MCP (Model Context Protocol) özelliği sayesinde, IDE içinden çıkmadan veritabanı bağlantılarını sağladım. Şu an "İletişim" sayfasından attığınız mesajlar anlık olarak buluta kaydediliyor.

3. Dinamik İçerik ve Servisler

• QuoteService: Ana sayfada gördüğünüz ve her yenilemede değişen "Atatürk Sözleri", backend tarafında çalışan bir Java servisi tarafından yönetiliyor.
• Markdown Blog: Bu okuduğunuz yazı bir veritabanında değil, bir Markdown dosyasında tutuluyor. Yazdığım BlogService, bu dosyaları parse ederek HTML'e çeviriyor. Bu sayede GitHub'a dosya atar gibi blog yazabiliyorum.

💡 Neler Öğrendim?

Bu süreç bana kodlamanın evrildiğini gösterdi. Artık bir mühendis olarak görevimiz sadece syntax ezberlemek değil; sistemi tasarlamak, doğru soruları sormak ve yapay zeka araçlarını bir orkestra şefi gibi yönetmek.

Projenin kaynak kodlarına GitHub Profilimden ulaşabilirsiniz.

Kodla ve sevgiyle kalın!