Sitemin 11. Sürümü: Sol Menü, İki Dil ve Yeni Bir Simge

Kişisel sitem 2018'den bu yana on bir kez yenilendi. İlk sürümü React ile yazmıştım; zamanla jQuery, Gatsby ve Next.js'ten geçip TanStack Start'a vardım. Eski sürümlerin hepsi tek bir repoda duruyor. Bu yazı da o arşive bir not: v11'de neyi, neden değiştirdim.

Büyük bir dert yoktu

Açıkçası v10'dan şikâyetçi değildim. Tek sorun menüydü. Siteye eklemek istediğim sayfalar çoğaldıkça üstteki header'a sığmaz oldular. Sığmayan link de görünmüyor, görünmeyen sayfa da ziyaret edilmiyor. Bir sayfa yazıp sonra kimsenin onu bulamaması, yazmamış olmaktan pek farklı değil.

Menü sola geçti

v10'da menü header'daki tek bir satırdı. Dört link sığıyordu, geri kalan her şey Keşfet'in altında gizli kalıyordu.

v11'deki en büyük değişiklik bu: menü artık ekranın solunda duruyor ve gruplara ayrılıyor. İş, Yazılar, Keşfet ve Kişisel başlıkları altında her sayfanın kendine ait bir yeri var. Sol taraf göze daha çok çarpıyor ve yeni bir sayfa eklemek artık yer kavgası değil, listeye bir satır eklemek. Mobilde aynı menü alttan açılan bir çekmeceye dönüşüyor.

Bu değişiklik bazı sayfaları da gün yüzüne çıkardı. Okuduğum kitaplar, sevdiğim filmler ve kaydettiğim linkler v10'da tek bir yer imleri sayfasının içindeydi; yüzlerce link ve görselin arasında kaybolma ihtimalleri yüksekti. Şimdi Kitaplık, Film ve diziler ve Yer imleri ayrı sayfalar. Her gün kullandığım araçları da Kullandıklarım sayfasında topladım.

İngilizce, ama Türkçe önde

v11 ile gelen bir diğer önemli karar, İngilizce desteği. Yazdıklarımın yalnızca Türkçe okuyanlara ulaşmasını değil, dışarıdan da bulunabilmesini istiyorum.

Dürüst olmak gerekirse İngilizcem makale yazacak seviyede değil. Yapay zekâ olmadan siteyi iki dilde yayına almak benim için gerçekçi bir hedef değildi. Şimdi bu sınır ortadan kalktı. İngilizce metinler birebir çeviri değil; o dili okuyan birine doğal gelecek şekilde baştan yazılıyor.

Varsayılan dil yine de Türkçe. Eski yazılarımın çoğu Türkçe ve yıllardır biriken arama motoru görünürlüğünü kaybetmek istemedim. İngilizce sayfalar /en altında duruyor. Bundan sonra teknik yazılarımın çoğunu iki dilde yayımlayacağım; bu yazı da onlardan biri.

Tek günde, temiz bir kurulum

Siteyi eskisinin üstüne yamamak yerine sıfırdan kurdum. Temelini ViraStack Start attı, kod yazma kurallarını ViraStack AI belirledi, kodu da Claude Opus 5.5 ile birlikte yazdım. Görseller, ikonlar ve yazılar zaten hazırdı; bu yüzden yenileme tek bir günde, tek oturuşta bitti.

Kurulum planladığımız gibi sorunsuz ilerledi. ViraStack'i zaten bunun için kurmuştuk: temel ve kurallar net olunca yapay zekâ da onlara harfiyen uyuyor. Ortaya çıkan en değerli şey hız değil, tutarlılık: her bileşen aynı yerde duruyor, aynı şekilde adlandırılıyor ve aynı kalıpla yazılıyor. Eskisine göre daha az kodla daha fazla sayfa var.

Her denediğimi almadım tabii. Örneğin TanStack'in yeni Redact özelliğini denedim; JavaScript boyutu biraz küçüldü ama sayfa tepkisi yavaşladı. Şimdilik almamaya karar verdim.

Sonunda bir simge

Kişisel sitemde hiçbir zaman içime sinen bir logo bulamadım. Soyadım Gülçiçek olduğu için eski sürümlerde bir gül ikonu kullanıyordum, ama hazır bir SVG'ydi ve bana ait hissettirmiyordu.

v11'de simgemi kültürüme daha bağlı ve çok sevdiğim bir motiften seçtim: çintemani. Üç benek ve dalgalı çizgilerden oluşan bu Osmanlı desenini SVG olarak kendim çizdim. Zemindeki renk sitede kullandığım turkuaz. Bu renk bir tesadüf değil; ViraStack'ten kişisel siteme kadar ürettiğim her şeyin ortak rengi turkuaz oldu. Desenin anlamını ve küçük boyuttaki halini Marka sayfasında anlattım.

Gezmeye davet

Sitemi her yenilediğimde o dönemin en güncel teknolojileriyle baştan yazıyorum; önceki on sürüm de kendi zamanının modern araçlarıyla yazılmıştı. v11'de sıra yapay zekâ çağının araçlarındaydı: agent'lar, skill'ler ve LLM'ler, son dönemde yükselişte olan TanStack, CSS'te artık standart haline gelen Tailwind CSS ve shadcn/ui.

v11 şimdilik böyle. Menüdeki her sayfa, bir zamanlar header'a sığmayan bir linkti; artık hepsinin yeri var. Vaktin olursa soldaki menüden bir tur at. Belki sevdiğin bir kitaba ya da hiç duymadığın bir filme rastlarsın.

Fikirlerini ve yorumlarını duymaktan mutluluk duyarım; aklına gelen her şey için bana yazabilirsin.