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ı.
Benzer projeler
MangaSokağı: Yüksek Performanslı Next.js & PostgreSQL E-Ticaret Platformu
Katı PostgreSQL veri bütünlüğü kısıtlamalarını, reaktif bir Next.js ön yüzü ve Zustand state yönetimi ile birleştiren ayrıştırılmış (decoupled) e-ticaret mimarisi.
- TypeScript
- SQL
- HTML
- +8
InkStudio: Framer Motion Destekli Premium Next.js Deneyimi
Üst düzey sanat stüdyoları için geliştirilen; Framer Motion ile donanım hızlandırmalı animasyonlar, URL tabanlı state yönetimi ve yüksek performanslı medya render mimarisi sunan modern bir web uygulaması.
- TypeScript
- HTML
- CSS
- +7
Web & Full Stack
Mavi Bahçem: Decoupled Next.js & PHP CMS Mimarisi
Kesin bir biçimde ayrıştırılmış (decoupled) mimari kullanan, yüksek düzeyde optimize edilmiş ve statik olarak üretilen bir web platformu. Altyapı maliyetlerini en aza indirirken performansı en üst düzeye çıkarmak için özel bir Next.js arayüzünü, güvenli ve hafif bir PHP/MySQL arka ucu ile eşleştirir.
- TypeScript
- PHP
- SQL
- +7
Benzer bir ihtiyacınız mı var?
Bu tür bir sistemi sizin için de kurabilirim.
Projenizi birkaç cümleyle anlatın; doğru yaklaşımı ve tahmini kapsamı birlikte belirleyelim.