Teletubbies Case Çalışması
Bu Proje Hakkında
Çocukken Teletubbies en sevdiğim TV programlarından biriydi ve erken anılarımın önemli bir parçasıydı. Bu vaka çalışmasında, onu unutulmaz kılan oyuncu ve renkli ruhu koruyarak web sitesini modern bir tasarım yaklaşımıyla yeniden hayal ettim. Orijinali birebir kopyalamak yerine deneyimi çağdaş UI ilkeleri, duyarlı düzenler, akıcı animasyonlar ve geliştirilmiş erişilebilirlikle yeniden tasarladım. Amaç, nostaljik bir markanın özgün kimliğini kaybetmeden canlı, sürükleyici ve kullanıcı dostu bir dijital deneyime dönüştürülebileceğini göstermekti.
Proje Mimarisi
Bu proje modern, ölçeklenebilir ve bulut-native bir mimariyle inşa edildi. Ön yüz Next.js ile geliştirildi; yüksek performans, sunucu tarafı render (SSR), statik site üretimi (SSG) ve güçlü SEO imkânları sağlıyor.
İçerik yönetimi Strapi Headless CMS ile yapılıyor; sayfalar, blog yazıları ve diğer dinamik içerikler sezgisel bir yönetim paneli üzerinden yönetilebiliyor. Headless CMS yaklaşımı sayesinde içerik katmanı sunum katmanından tamamen ayrılıyor; uygulama bakımı kolaylaşıyor, daha esnek hâle geliyor ve ileride ek platformları desteklemeye hazır oluyor.
Uygulama Docker Compose ile konteynerleştirildi: Next.js ön yüz, Strapi CMS ve PostgreSQL veritabanı tek bir yığın içinde izole servisler olarak çalışıyor. Bu yaklaşım geliştirme ve üretim ortamlarını tutarlı kılarken dağıtımı ve bakımı da basitleştiriyor.
Gelen trafiği verimli yönetmek için reverse proxy ve ingress denetleyicisi olarak Traefik kullanılıyor. Servisleri otomatik keşfeder, dinamik yönlendirme yapar, SSL/TLS sertifikalarını yönetir ve uygulama bileşenleri arasında güvenli iletişimi minimum yapılandırmayla sağlar.
Altyapı Kubernetes gözetilerek tasarlandı; uygulamanın yatay ölçeklenmesi, arızalardan otomatik toparlanması ve minimum kesintiyle rolling update desteklenmesi mümkün. Konteynerleştirme, Traefik ve Kubernetes orkestrasyonunun birleşimi yüksek erişilebilir, dayanıklı ve üretime hazır bir dağıtım mimarisi sunuyor.
Genel olarak bu çözüm; modern ön yüz teknolojileri, güçlü bir headless CMS, konteyner tabanlı dağıtım, akıllı trafik yönetimi ve bulut-native altyapıyı bir araya getirerek yüksek performans, güvenilirlik ve uzun vadeli sürdürülebilirlik sağlıyor.
Proje Diyagramı
