Fahrettin'in Dinamik Portfolyo ve CMS'i
Hazır şablon kullanılmadan sıfırdan geliştirilmiş, teknoloji bazlı proje filtreleme sistemine, özel animasyonlara ve SEO optimizasyonlu layout yapılarına sahip dinamik, çok dilli kişisel portfolyo.
Teknoloji yığını
- Diller
- Çatılar & kütüphaneler
Performans & metrikler
- Vercel Edge optimizasyonlu derleme çıktıları
- Hızlı TTI (Time to Interactive) için SSR/SSG payload optimizasyonu
- Filtreleme işlemlerinde gereksiz DOM güncellemelerini önleyen component memoization
Neden geliştirdim?
Standart kişisel web sitelerini çok kuru ve yapay bulduğum için herhangi bir şablon kullanmayı reddettim. Mühendislik yaklaşımımı yansıtan, 'canlı' hissettiren bir yapı hedefledim. Tasarım ruhu, 'Rüzgar Yükseliyor' animesindeki Jiro karakterinden ilham alınarak oluşturuldu.
Mimari & kararlar
Next.js tabanlı güçlü bir SSG/SSR render mimarisi kullanır. Teknoloji yığınları, projeler ve hizmetler gibi bloklar statik DOM elemanları yerine, yapılandırılmış veri modellerinden dinamik olarak oluşturulur (hydration). State yönetimi kullanılarak seçilen yazılım dillerine göre projelerin anlık ve performanslı bir şekilde filtrelenip render edilmesi sağlandı.
Temel özellikler
- 01Modüler içerik blokları için dinamik veri yerleştirme (hydration)
- 02Yerleşik çok dilli (i18n) sayfa yönlendirme mimarisi
- 03Teknoloji/yazılım diline göre anlık state bazlı proje filtreleme
- 04Tailwind tabanlı özel animasyon motoru
- 05Layout seviyesinde önceden yapılandırılmış SEO
- 06Topluluk kullanımına uygun, çatallanabilir modüler yapı
Teknik değerlendirme
Yalnızca kişisel bir vitrin olarak değil, aynı zamanda diğer geliştiricilerin çatallayıp (fork) kendi JSON/TS verilerini girerek anında çok dilli ve teknolojiye göre filtrelenebilir içerik sistemlerini kurabilecekleri sağlam bir mimari temel olarak tasarlandı.