Mimari Değişiklik

Proje altyapısı Vite/React'ten Next.js 15 (App Router) mimarisine taşındı ve Server Side Rendering (SSR) ile performans maksimize edildi.

Temel Yapı

Tüm kod tabanı JavaScript'ten TypeScript'e (.tsx) dönüştürülerek tip güvenliği ve kod kalitesi artırıldı.

İyileştirme

Stil motoru Tailwind CSS v4'e yükseltildi ve resim optimizasyonu için 'next/image' bileşeni entegre edildi.

Hata Düzeltmesi

Dark Mode hidrasyon (hydration mismatch) sorunları giderildi ve SEO yönetimi 'react-helmet' yerine Next.js Metadata API'ye taşındı.

Mimari Değişiklik

Hero bölümüne React Three Fiber ile oluşturulan, sürekli dönen 3D küp animasyonu eklendi.

İyileştirme

Tüm sayfalara (Ana sayfa, Hakkımda, Projeler vb.) react-helmet-async ile dinamik SEO başlıkları ve açıklamaları entegre edildi.

Hata Düzeltmesi

Hero bölümündeki arka plan gezegen efektinin Açık/Koyu mod geçişlerinde senkronizasyon sorunu, CSS değişkenleri kullanılarak giderildi.

İyileştirme

Hero ve Footer bölümlerindeki metinlerin okunabilirlik sorunları, temaya duyarlı renk değişkenleri entegre edilerek çözüldü.

Responsive Tasarım

Mobildeki başlık ve metin çakışmaları (Responsive hataları) giderildi ve font boyutları optimize edildi.

Mimari Değişiklik

Tüm renk sistemi, daha iyi yönetim için Tailwind CSS v4 uyumlu CSS değişkenlerine (var(--color...)) taşındı.

Yeni Sayfa

Kullanıcılar var olmayan bir rotaya eriştiğinde gösterilen, fare takibi ve astronot animasyonu içeren özel bir '404 Sayfa Bulunamadı' sayfası eklendi.

İyileştirme

Sayfalar arası geçişlerde 'native app' hissi yaratmak için Framer Motion kullanılarak pürüzsüz 'Sayfa Geçiş Animasyonları' (Page Transitions) entegre edildi.

İyileştirme

'Hakkımda' sayfasındaki iş deneyimi bölümü, Stok Endüstriyel'deki görevlerin detaylı açıklamaları ve güncel teknoloji yetkinlikleri ile zenginleştirildi.

Yeni Sayfa

Hero bölümüne, 'ön yüz geliştiricisi' ve 'yazılım geliştiricisi' gibi rolleri dinamik olarak değiştiren animasyonlu bir metin döngüsü eklendi.

Mimari Değişiklik

Tüm siteye, i18next kütüphanesi kullanılarak çoklu dil (TR/EN) desteği entegre edildi.

Hata Düzeltmesi

Hero bileşenindeki animasyon hataları ve React Hook kurallarını ihlal eden sorunlar giderildi.

Yeni Sayfa

GitHub API'si ile entegre, dinamik bir '/projects' sayfası oluşturuldu. Projeler, arama ve filtreleme özellikleriyle birlikte modern kartlar halinde sergileniyor.

İyileştirme

Proje kartlarındaki teknoloji etiketleri, artık GitHub repolarındaki 'topics' alanından dinamik olarak çekilerek daha doğru ve yönetimi kolay bir hale getirildi.

İyileştirme

Projeler sayfasının tasarımı, hem açık hem de koyu modda tasarımla tam uyumlu olacak şekilde düzeltildi ve iyileştirildi.

Yeni Sayfa

Teknoloji yığınını sergilemek için, React Router ile erişilen, kategorilere ayrılmış ve animasyonlu yeni bir '/technologies' sayfası eklendi.

İyileştirme

Anasayfa Proje yol haritası güncellendi: Geliştirme hedefleri arasına Next.js ve TypeScript ekosistemlerinde uzmanlaşmak eklendi.

Yeni Sayfa

Formik ve Yup kullanılarak 'mailto' işlevselliğine sahip, modern ve doğrulamalı bir 'İletişim' sayfası eklendi.

Yeni Sayfa

Kariyer ve eğitim geçmişini şık ve duyarlı bir zaman tüneli formatında sunan kapsamlı bir 'Hakkımda' sayfası oluşturuldu.

İyileştirme

Site genelindeki metin seçimi (::selection) rengi, site kimliğiyle uyumlu hale getirilerek kullanıcı deneyimi zenginleştirildi.

Hata Düzeltmesi

Açık modda yaşanan metin ve başlık okunabilirlik sorunları, tema ile tam uyumlu renkler kullanılarak tamamen giderildi.

Mimari Değişiklik

Proje, tek sayfa uygulamasından (SPA), gelecekteki genişlemelere olanak tanıyan çok sayfalı bir yapıya (React Router DOM) geçirildi.

Yeni Sayfa

Projenin gelişim sürecini ve güncellemeleri şeffaf bir şekilde paylaşmak amacıyla bu Geliştirme Günlüğü (Changelog) sayfası oluşturuldu.

İyileştirme

Navbar, artık hem sayfa içi yumuşak kaydırmayı (react-scroll) hem de sayfalar arası geçişi (react-router-dom) akıllı bir şekilde destekliyor.

İyileştirme

Site geneline, kullanıcının sistem tercihini algılayan ve seçimini hafızada tutan Açık Mod / Koyu Mod desteği getirildi.

İyileştirme

Sayfa kaydırma ilerlemesini gösteren, Navbar'a entegre dinamik bir 'Progress Bar' eklendi.

İyileştirme

Kullanıcı etkileşimini artırmak için, Framer Motion fiziği ile geliştirilmiş, interaktif ve temaya duyarlı özel imleç (Custom Cursor) entegre edildi.

İyileştirme

Sayfa sonuna ulaşıldığında beliren ve tek tıkla en üste yumuşak bir geçiş sağlayan 'Yukarı Çık' butonu eklendi (react-scroll).

İyileştirme

Genel kaydırma çubuğu (scrollbar) tasarımı, sitenin estetiğiyle uyumlu hale getirildi.

Lansman

Kişisel portfolyo sitesinin ilk versiyonu (React, Vite, Tailwind CSS) temel bileşenleriyle birlikte oluşturuldu ve yayınlandı.

Temel Yapı

Hero, Hakkımda, Projeler, Teknolojiler ve Footer gibi ana bölümlerin tasarımı ve kodlaması tamamlandı.

Responsive Tasarım

Tüm bileşenler, mobil cihazlardan geniş ekranlara kadar farklı ekran boyutlarına uyumlu hale getirildi.

Hata Düzeltmesi

X eksenindeki istenmeyen kaydırma çubuğu sorunu gibi çeşitli CSS ve responsive tasarım hataları giderildi.