Blok tabanlı editör, medya kütüphanesi ve çok dilli içerik desteği olan özel CMS.
Yıl
2023
Müşteri
Gizli (NDA)
Rolüm
Tasarım · Frontend · Backend · Veritabanı
1 / 4
Hikâye
Vaka Anlatısı
Rakamlar gizlilik kapsamında; bu bölüm projenin hangi ihtiyaçtan doğduğunu, teknik kararların gerekçesini ve ortaya çıkan sistemi anlatıyor.
Bağlam
Hazır CMS seçenekleri iki uçta kalıyordu: ya kullanılmayacak onlarca özelliği ve eklenti bağımlılığını beraberinde getiriyor ya da ihtiyaç duyulan içerik tiplerini hiç karşılamıyordu. Eklenti güncellemelerinin taşıdığı güvenlik riski de buna ekleniyordu. Hedef, içerik ekibinin geliştiriciye ihtiyaç duymadan sayfa kurabildiği, çok dilli yapıyı baştan destekleyen yalın bir sistemdi.
Yaklaşım
Çözümün merkezine blok tabanlı bir editör koydum. Sürükle-bırak sıralama ve canlı önizleme gibi yoğun etkileşim isteyen editör tarafı Vue.js ile; içerik tipleri, sürüm geçmişi ve yayın durumu yönetimi ise Laravel ile geliştirildi. Çok dilli içerik ve medya ilişkileri MySQL üzerinde ilişkisel olarak modellendi, arayüz Tailwind CSS ile kuruldu ve geliştirme ortamının üretimle birebir aynı davranması için proje Docker ile paketlendi. İş bölümü bilinçli bir tasarım kararıydı: içerik ekibi hazır bloklardan sayfa kuruyor, yeni blok tipleri kod tarafında tanımlanıyor.
Sonuç
Sistem devreye girdikten sonra yeni sayfa kurmak içerik ekibinin kendi işi hâline geldi. Sürüm geçmişi hatalı bir değişikliği önceki hâline döndürmeyi mümkün kılıyor, eksik çeviri uyarıları çok dilli yayında boşluk kalmasını engelliyor, rol yönetimi ise editör ve yayıncı sorumluluklarını birbirinden ayırıyor. Kuruma ait içerik üretim verileri paylaşıma kapalıdır.
01 Proje Hakkında
Problem & Çözüm
Her projede önce mevcut durumu ve gerçek ihtiyacı anlamaya çalışıyorum. Teknik kararlar bu tanımdan sonra geliyor.
Problem
Problem / İhtiyaç
Hazır CMS çözümleri ya çok fazla gereksiz özellik getiriyor ya da ihtiyaç duyulan içerik tiplerini karşılamıyordu. Eklenti bağımlılığı hem güvenlik hem de güncelleme tarafında risk oluşturuyordu.
Çözüm
Çözüm
Yalnızca ihtiyaç duyulan içerik tiplerini destekleyen, blok tabanlı bir editör geliştirildi. İçerik ekibi hazır bloklardan sayfa kurabiliyor; geliştirici tarafı ise yeni blok tiplerini kod tarafında tanımlıyor.
02 Rolüm
Ben Ne Yaptım?
Bu projede üstlendiğim çalışma kalemleri. Belirtilmeyen alanlarda müşteri ekibi veya üçüncü taraflar yer aldı.
01
UX & Arayüz
Editör akışının tasarımı ve panel arayüzünün Figma'da kurgulanması.
02
Frontend
Vue.js ile blok editörü, sürükle-bırak sıralama ve canlı önizleme.
03
Backend
Laravel ile içerik tipleri, sürüm geçmişi ve yayın durumu yönetimi.
04
Veritabanı
İçerik, blok ve medya modelleri; çok dilli yapı için ilişki tasarımı.
05
Medya
Görsel yükleme, otomatik boyutlandırma ve modern format dönüşümü.
03 Özellikler
Öne Çıkan Özellikler
Projenin gündelik kullanımda en çok fark yaratan tarafları.
01
Blok Tabanlı Editör
Hazır bloklardan sayfa kurma, sürükle-bırak sıralama ve canlı önizleme.
02
Çok Dilli İçerik
Dil bazlı içerik yönetimi ve eksik çeviri uyarıları.
03
Medya Kütüphanesi
Merkezi görsel yönetimi, otomatik boyutlandırma ve alternatif metin alanı.
04
Sürüm Geçmişi
İçerik değişikliklerinin kaydı ve önceki sürüme dönebilme.
05
Yayın Kontrolü
Taslak, zamanlanmış yayın ve yayından kaldırma durumları.
06
Rol Yönetimi
Editör, yayıncı ve yönetici rolleri için ayrı yetkiler.
05 Sonuç
Proje Sonrası
İçerik ekibi yeni sayfaları kendi başına kurmaya başladı ve geliştirici bağımlılığı büyük ölçüde azaldı. Kuruma ait içerik üretim verileri paylaşıma kapalıdır.
Ölçülmemiş performans veya başarı yüzdesi paylaşılmaz. Doğrulanabilir veriler CMS üzerinden eklenebilir.
