Bir sanat sitesinden daha fazlası: yaşayan bir yayın sistemi

Flâneuse Mag’i yalnızca sanatçı görsellerinin paylaşıldığı bir vitrin olarak ele almadım. Ürünün gerçek problemi, birbirinden farklı ritimlere sahip içerikleri—güncel yazılar, uzun röportajlar, sanatçı profilleri, eser arşivleri, aylık dergiler ve süreli sergiler—tek bir marka altında anlaşılır bir yayın akışına dönüştürmekti. Her içerik türü kendi okuma ve keşif davranışını isterken kullanıcı yine de aynı editoryal evrende kaldığını hissetmeliydi.

Bu nedenle bilgi mimarisini Akış, Sanatçılar, Röportajlar, Sergi ve Dergi olmak üzere beş ana yayın yüzeyi etrafında kurdum. Ana sayfa bu yüzeylerin özetini veren bir katalog değil; o ayın sayısını öne çıkaran, yeni sanatçıları tanıtan, güncel söyleşileri ve yazıları sıralayan, çevrimiçi sergiye kapı açan küratöryel bir kapak. İçerik Sanity’den dinamik olarak geliyor ve sayfa 60 saniyelik yeniden doğrulamayla güncel kalıyor; editoryal ekip yeni bir içerik yayımladığında frontend’in yeniden geliştirilmesi gerekmiyor.

Editoryal kimlik ve görsel sistem

Flâneuse’un görsel dilini standart bir blog ya da lifestyle dergisi şablonundan uzaklaştırdım. Siyah ve beyaz yüzeyler galerinin duvar ve boşluk hissini kurarken sıcak pembe, yayın içindeki aktif seçimleri ve sayısal işaretleri taşıyor. Geniş serif başlıklar eleştiri ve sanat tarihi yayınlarının ağırlığını; sıkıştırılmış sans-serif etiketler, büyük sayılar ve ince çizgiler ise çağdaş derginin ritmini veriyor. Hero’da Issue 19 gibi sayılar yalnızca metadata değil, ekranın mimari elemanı haline geliyor.

Tasarım sistemi içerik türüne göre ton değiştirebiliyor. Ana sayfa ve sergi koyu, sahneleyici bir atmosfer kullanırken sanatçı kataloğu ve röportajlar beyaz, yüksek kontrastlı ve okunaklı bir editoryal yüzeye geçiyor. Bu geçişler markayı parçalamıyor; navigasyon, tipografi, pembe vurgu, grid ve mikro etiket sistemi bütün sayfalarda aynı grameri koruyor. Mobilde kompozisyonlar yalnızca küçülmüyor: başlık ölçüleri, katalog filtreleri, kart kolonları, sergi kontrolleri ve dergi sayfaları ekranın doğal dikey akışına yeniden yerleşiyor.

Sanatçı kataloğu: keşif ile arşiv arasında

Sanatçılar alanını sonsuz kart dizisi olarak bırakmadım. Kullanıcı 35 sanatçı arasında alfabetik indeksle ilerleyebiliyor, isim arayabiliyor, disipline göre filtreleyebiliyor ve grid ile liste görünümü arasında geçiş yapabiliyor. Resim, fotoğraf, kolaj, heykel, yeni medya, illüstrasyon ve disiplinlerarası pratikler gibi etiketler yalnızca dekoratif rozetler değil; keşif davranışının gerçek filtreleri. Sonuç sayacı kullanıcının aktif seçiminin kapsamını anında görünür kılıyor.

Her sanatçı profili ad, portre, biyografi, etiketler, sosyal bağlantılar ve eser arşivini ortak bir veri modelinde birleştiriyor. Sanatçının röportajı veya bağlı sergisi varsa bunlar ayrı veri adaları olarak kalmıyor; profilin devam eden editoryal bağlamına dönüşüyor. Sanity Studio içinde geliştirdiğim özel arşiv ve sergi panelleri, editörün sanatçı belgesinden çıkmadan ilgili eserleri ve sergileri yönetebilmesini sağlıyor. Böylece frontend’de gördüğümüz ilişkisel keşif, CMS tarafında da sürdürülebilir bir yayın operasyonuna dayanıyor.

Röportaj ve yazılarda uzun okuma deneyimi

Röportajları liste kartından detay sayfasına taşırken haber sitesi yoğunluğunu değil, basılı derginin nefesini referans aldım. The Forum etiketi, sanatçı adı, büyük serif başlık, kısa editoryal giriş ve tam genişlikte kapak görseli okuyucuyu içeriğe hazırlıyor. Portable Text tabanlı gövde; alt başlık, paragraf, alıntı, bağlantı ve görsellerin yayın ekibi tarafından serbestçe kurgulanmasına izin verirken frontend tutarlı bir okuma genişliği ve tipografik hiyerarşi uyguluyor.

Yazılar, röportajlar, duyurular, arşiv kayıtları, sanatçılar, dergi sayıları ve sergiler Akış tarafında ortak bir içerik sözleşmesine dönüştürülüyor. Her tür kendi kart bileşenine sahip olsa da Stable Masonry katmanı farklı görsel oranlarını düzenli kolonlara dağıtarak sayfa kaymalarını azaltıyor. Filtre değiştiğinde içerik API üzerinden yeniden geliyor; IntersectionObserver ile çalışan devam yükleme kullanıcı sona yaklaştıkça yeni partiyi getiriyor. Oturum bazlı seed, akışın görsel ritmini korurken ilk içeriğin editoryal önceliğini kaybetmemesini sağlıyor.

Tarayıcı içinde yaşayan üç boyutlu sergi

Flâneuse’un en kapsamlı ürün katmanlarından biri çevrimiçi sergi deneyimi. React Three Fiber ve Three.js ile çalışan viewer, kullanıcıyı statik bir görsel galeriye değil, zeminde seçtiği noktaya ilerleyebildiği, sürükleyerek bakabildiği ve oklarla küratöryel rotayı takip edebildiği bir mekâna alıyor. Eserler duvar üzerinde gerçek konum, ölçü ve yön bilgileriyle yerleşiyor; aktif durakta başlık, sanatçı ve sıra bilgisi görünür oluyor. Oda 01 / Eşik, Oda 02 / Yakın Bakış ve Oda 03 / Yankı gibi bölümler yalnızca navigasyon değil, serginin anlatısal yapısı.

Tour modeli önce eser duraklarını, ardından sanatçı kartlarını içeriyor. Sanatçı durağı dekoratif bir pano değil; seçildiğinde biyografi diyaloğunu açan gerçek bir etkileşim noktası. Mobil kontrollerde swipe ve ileri–geri davranışı, dialog odağı, scroll sınırları ve ekran içine sığma ayrı ayrı ele alındı. Kapak yüklenmeden rota değişmediği için sergiye girişte eski ve yeni sayfa birbirine karışmıyor; beyaz logolu geçiş paneli rotayı örterken viewer assetleri hazırlanıyor. Açılış metinleri de “Künyeler diziliyor”, “Bir tablo biraz sola alınıyor” veya “Küratör son kez bakıyor” gibi küratöryel dilde çeşitleniyor.

Sergi üretimini editörün kontrolüne vermek

Üç boyutlu deneyimin sürdürülebilir olabilmesi için her yeni serginin geliştirici müdahalesi istememesi gerekiyordu. Sanity Studio içindeki Exhibition Builder; sergi belgesi, kapak görseli, oda yapısı, eser seçimi, yerleşim, ölçek, yön, hotspot ve sanatçı ilişkilerini editoryal ekibin yönetebileceği bir üretim aracına dönüştürüyor. Kapak mevcut bir eserden seçilebildiği gibi ayrı olarak yüklenebiliyor; kaydedilen image reference frontend sorgusuna ve sergi ön izlemesine aynı sözleşmeyle ulaşıyor.

Bu katmanda önemli karar, çalışan bir alanı yeni bir şema ile yeniden icat etmek değil, mevcut veri akışını uçtan uca tamamlamaktı. Schema alanı, builder form state’i, kayıt payload’u, GROQ sorgusu ve viewer tüketimi birlikte doğrulandı. Sanatçı ve eser referansları normal Sanity ilişkileri olarak kaldığı için yayın ekibi aynı kişiyi profil, röportaj, arşiv ve sergi içinde tekrar veri girmeden kullanabiliyor. Studio’nun ayrı buildi de ana frontend’den bağımsız bir üretim kapısı sağlıyor.

Dijital dergi okuyucusu

Aylık sayıları yalnızca indirilebilir PDF bağlantısı olarak bırakmadım. Dergi detayı site navigasyonunu kapatarak tam ekran, koyu bir okuma ortamına geçiyor; üst çubukta sayı bilgisi, kapatma, paylaşma ve indirme aksiyonları kalıyor. react-pageflip tabanlı okuyucu masaüstünde basılı yayının çift sayfa ritmini koruyor, küçük ekranlarda ise tek sayfalık doğal gezinmeye dönüşüyor. Sayfa 1–2 / 63 gibi sayaçlar okuma konumunu açık tutarken önceki ve sonraki kontrolleri gerçek sınır durumlarına göre devre dışı kalıyor.

PDF dosyası Sanity asset katmanından geliyor; okuyucu client-side dinamik olarak yüklenerek ağır belge motorunun normal yayın sayfalarının ilk yükünü etkilemesi önleniyor. Kullanıcı ister uygulama içinde sayfaları çevirebiliyor, ister aynı kaynağı yüksek kaliteli PDF olarak indirebiliyor. Bu yaklaşım basılı derginin tasarım bütünlüğünü korurken Flâneuse’u yalnızca sayı duyuran bir web sitesinden gerçek bir dijital yayın yüzeyine taşıyor.

İki dilli içerik, arama ve keşif altyapısı

Platform Türkçe ve İngilizce içerikleri ayrı kopyalar halinde çoğaltmıyor. Başlık, slug, özet, gövde, biyografi ve etiket alanları locale-aware Sanity şemalarıyla aynı belgenin içinde tutuluyor. GROQ sorguları aktif dili cookie’den okuyup mevcut çeviriyi seçiyor; ilgili dil eksikse Türkçe veya İngilizce fallback kullanıyor. Canonical ve hreflang metadata, sitemap, robots, Open Graph ve dinamik marka görselleri bu yayın modelinin arama motoru katmanını tamamlıyor.

Global arama; sanatçı, röportaj, yazı ve diğer içerik türlerini ortak bir sonuç yüzeyinde buluşturuyor. Akış tarafındaki hafif ilgi profili, kullanıcının okuduğu kategori ve etiketleri yalnızca kendi tarayıcısında ağırlıklandırıyor. Açık kişiselleştirme reddedildiyse cookie snapshot yazılmıyor; kabul edildiğinde yalnızca en güçlü ilgi sinyallerinin kompakt özeti sunucu tarafı sıralamaya aktarılıyor. Bu yaklaşım keşfi geliştirmek için ağır bir hesap veya kimlik zorunluluğu kurmadan, kullanıcı kontrolünü ve veri minimizasyonunu koruyor.

İçerik operasyonu, ölçüm ve yayın güvenilirliği

Sanity yalnızca metin giriş paneli değil, Flâneuse’un yayın işletim sistemi. Makale, röportaj, sanatçı, eser arşivi, sergi, dergi, ana sayfa, duyuru, sosyal içerik tasarımı, SEO ve site ayarları için ayrı şemalar bulunuyor. Özel Studio araçları dergi ve sergi üretimi gibi standart formun yetmediği akışları görsel editörlere dönüştürüyor. İçerik yayımlandığında webhook ve yeniden doğrulama katmanları frontend’i güncelliyor; editoryal ekip dağıtım beklemeden yeni sayı, sanatçı veya sergi açabiliyor.

Supabase migrationları newsletter aboneliği, sayfa görüntüleme, içerik istatistikleri, haftalık etkileşim ve gerçek zamanlı güncellemeler için ayrı veri sözleşmeleri sağlıyor. Studio içindeki insights yüzeyi bu operasyonel metrikleri Sanity kotasını tüketmeden okuyabiliyor. Newsletter API’si abonelik ve kampanya gönderimini, Resend entegrasyonu ise teslim katmanını yönetiyor. Cookie drawer analitik ve kişiselleştirme tercihlerini ayrı ayrı ele aldığı için ölçüm sistemi yayın deneyiminin önüne geçmiyor.

Portfolyoya eklerken canlı ana sayfayı, sanatçı kataloğunu, röportaj detayını, 3D sergiyi ve 63 sayfalık dergi okuyucusunu masaüstünde yeniden gözlemledim. Mevcut kaynakta lint, 26 test ve Next.js production buildi başarıyla tamamlandı. Flâneuse Mag; marka tasarımı, uzun biçimli editoryal deneyim, CMS operasyonu, 3D web teknolojileri ve sürdürülebilir dijital yayıncılığın aynı üründe birleştiği en kapsamlı çalışmalarından biri.