Portfolio sitem nasıl çalışıyor?

Bu proje, sadece bir özgeçmiş sitesi değil; yapay zeka entegrasyonuna sahip, yüksek performanslı ve tam dinamik bir içerik yönetim sistemidir. Kişisel markamı sergilemek, projelerimi yönetmek ve ziyaretçilerle etkileşim kurmak amacıyla geliştirilmiştir.

Öne Çıkan Özellikler

1. Yapay Zeka Destekli Asistan: Gemini API kullanılarak geliştirilen, hakkımdaki soruları yanıtlayan ve ziyaretçilerle sohbet eden akıllı asistan.
2. Özel Admin Paneli: Projeler, hobiler, ekipmanlar ve gelen mesajlar için teknik bilgi gerektirmeyen, Firebase tabanlı tam kapsamlı yönetim paneli.
3. Çoklu API Entegrasyonu: Spotify (dinlenen şarkı), TMDB (film/dizi), Google Books (kitaplar) ve SteamGridDB (oyunlar) ile gerçek zamanlı veri senkronizasyonu.
4. Performans ve SEO: Next.js App Router mimarisi, Server-Side Rendering (SSR) ve JSON-LD yapısal veri desteği ile optimize edilmiş arama motoru görünürlüğü.
5. Özel Analiz Araçları: Google Analytics’e ek olarak, kullanıcı oturumlarını ve etkinliklerini takip eden özel bir takip (tracking) sistemi.

Gelişmiş Yapay Zeka Otomasyonları ve Dinamik Yapı

Bu proje, manuel veri girişini en aza indiren akıllı otomasyonlar ve canlı veri akışları üzerine kurulmuştur:

1. Otonom Çeviri Sistemi: Çift dil (TR/EN) desteği statik metinlerle sağlanmaz. Admin panelden eklenen her yeni proje veya profil güncellemesi, arka planda Gemini AI tarafından anında İngilizceye çevrilerek sisteme yansıtılır.
2. Yapay Zeka Destekli SEO: Yeni bir proje eklendiğinde, projenin detay sayfası için gereken SEO metinleri ve optimizasyonları Gemini AI tarafından otomatik olarak üretilir.
3. İnteraktif Spotify Deneyimi: Spotify API entegrasyonu sayesinde o an dinlediğim şarkı sitede eşzamanlı olarak (gerçek zamanlı) sergilenir. Ziyaretçiler bana şarkı önerebilir ve bu öneriler anında özel bir çalma listesine kaydedilir.
4. Özel Analitik Altyapısı (Custom Tracking): Site trafiği yalnızca Google Analytics ile değil; kullanıcıların oturum sürelerini, sayfa içi kaydırma (scroll) derinliklerini ve etkileşimlerini anlık olarak izleyen, kendi geliştirdiğim özel bir takip sistemiyle analiz edilir.

Kapsamlı Yönetim Paneli (Admin CMS)

Sitenin tüm içeriği, dışarıdan hiçbir koda müdahale etmeden özel yönetim paneli üzerinden kontrol edilebilir. Panelin ana modülleri şunlardır:

1. Projeler & Hizmetler: Yeni projelerin ve yeteneklerin eklenip düzenlenmesi.
2. Profil Yönetimi & Takım Çantam: Biyografi, profil fotoğrafı ve kullanılan ekipman/teknolojilerin güncellenmesi.
3. Hobiler: Dinamik Spotify önerileri ve favori film, dizi, oyun, kitap listelerinin yönetimi.
4. Oturumlar & Analytics: Sitedeki aktif ziyaretçi oturumlarının ve geliştirilen özel metriklerin canlı takibi.
5. Mesajlar & AI Ayarları: Ziyaretçilerden gelen iletişim mesajlarının kontrolü ve yapay zeka asistanının davranışlarını (prompt) belirleyen ayarların yönetimi.

Teknik Mimari

Proje, modern web standartlarının en uç noktasında yer alan bir teknoloji yığını ile inşa edilmiştir:

1. Framework: Next.js 16 (App Router), React 19, TypeScript
2. Stil ve Animasyon: Tailwind CSS 4, Framer Motion, Lucide React
3. Veri ve Servisler: Firebase (Auth, Firestore, Storage), SWR
4. Analitik: vercel/analytics, vercel/speed-insights, GA4
5. Yapay Zeka: google/generative-ai (Gemini 1.5 Flash)