Web & Full Stack
Açık Kaynak

Fahrettin'in Dinamik Portfolyo ve CMS'i

TypeScriptJavaScriptNext.jsReactTailwind CSSVerceli18n

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ı

TypeScriptJavaScriptNext.jsReactTailwind CSSVerceli18n

Sistem Metrikleri

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

Bunu Neden İnşa Ettim?

"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

  • 01.Modüler içerik blokları için dinamik veri yerleştirme (hydration)
  • 02.Yerleşik çok dilli (i18n) sayfa yönlendirme mimarisi
  • 03.Teknoloji/yazılım diline göre anlık state bazlı proje filtreleme
  • 04.Tailwind tabanlı özel animasyon motoru
  • 05.Layout seviyesinde önceden yapılandırılmış SEO
  • 06.Topluluk kullanımına uygun, çatallanabilir modüler yapı
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ı.