Live Demo
Live

Concept site merging nostalgic Teletubbies with headless CMS and Next.js.

Next.jsReactGitHub

Bu proje, nostaljik bir pop kültür temasını modern web teknolojileriyle yeniden yorumlamak amacıyla geliştirilmiş konsept bir çalışmadır. Eğlenceli ve renkli bir evreni, performanslı ve ölçeklenebilir bir frontend mimarisi ile birleştirerek hem tasarım hem de teknik yetkinliği sergilemek hedeflenmiştir. Bu çalışma bir fan konseptidir ve teknik demonstrasyon amacıyla hazırlanmıştır.

Kullanılan Teknolojiler

Frontend tarafında Next.js ile Server-Side Rendering (SSR), SEO uyumlu yapı, component-based mimari ve yüksek performans optimizasyonu kullanıldı. Backend olarak Strapi (Headless CMS) ile API tabanlı içerik yönetimi, dinamik veri yapısı ve RESTful servis mimarisi tercih edildi.

Mimari Yaklaşım

Proje, Headless CMS + Modern React Frontend prensibiyle tasarlandı: Strapi (CMS) → REST API → Next.js Frontend → SSR + Dynamic Routing + Optimized UI. İçerik ve tasarım tamamen ayrıştırılmış durumda; frontend bağımsız ölçeklenebilir ve içerik güncellemeleri kod deploy edilmeden yapılabiliyor.

Tasarım Dili

Minimal ve pastel tonlar, büyük tipografi, grid tabanlı düzen ve modern ama eğlenceli görsel kimlik kullanıldı. Amaç nostaljik bir markayı birebir kopyalamak değil; tematik bir evren üzerinden çağdaş bir web deneyimi üretmek.

Teknik Kazanımlar

Headless CMS entegrasyonu, API tabanlı veri akışı, dynamic routing, reusable component mimarisi, production-ready frontend yapılandırması ve performans/SEO optimizasyonu bu projede pratikte uygulandı.

Neden Portfolyoda?

Proje sadece statik bir landing page değil; gerçek bir içerik yönetim sistemi entegre. Modern full-stack yaklaşımı, UI/UX ve backend entegrasyonunu birlikte sunarak konsept üzerinden teknik kapasiteyi sergiliyor.

Sonuç

Nostaljik bir temayı modern web mimarisi ile birleştiren bu çalışma, Headless CMS ve Next.js altyapısı sayesinde ölçeklenebilir, performanslı ve sürdürülebilir bir yapı ortaya koyuyor. Canlı demo için proje linkini kullanabilirsiniz.

View Project