Müşteri işlerinde anlattığım kuralları kendi sitemde de uyguluyorum. Aynı kapılar, aynı ölçüm, aynı dürüstlük.
Kaynak: next build çıktısı ve lighthouse raporu. Ayrıntı /evidence sayfasında.
Portfolyo siteleri genelde iki uçta: ya hazır şablon, ya bitmemiş bir tasarım denemesi. İkisi de "bu adam iş teslim edebiliyor mu" sorusunu cevaplamıyor.
Bu site o soruyu cevaplamak için var: kendi kurallarını kendi üstünde uygulayan, ölçümü yayınlanan bir site.
İki dil ve sabit sayıda metin için next-intl gibi bir bağımlılık, kazandırdığından fazlasını istiyordu. lib/i18n.ts yolu üretiyor, lib/messages.ts metni tutuyor; tip denetimi eksik anahtarı derlemede yakalıyor.
Bedel: Dil eklendiğinde her mesaj dosyası elle çoğaltılacak.
Vakalar lib/content.ts içinde TypeScript tipiyle duruyor. Build zamanında doğrulanıyor; çalışma anında ayrıştırma (parse) yok, sayfa statik üretiliyor.
Bedel: İçerik yazmak için kod editörü gerekiyor; panel yok.
Form sunucuya hiçbir şey göndermiyor: alanları doldurup posta istemcisini açıyor. API anahtarı yok, sunucuda kişisel veri saklanmıyor, KVKK tarafı sade.
Bedel: Dönüşüm ölçülemiyor; hangi hizmetin kaç kez seçildiğini bilmiyorum.
Taşmayı gizlemek yerine ölçüyorum: 320, 390, 768 ve 1440 px'te scrollWidth karşılaştırılıyor. Taşma varsa yerleşim düzeltiliyor.
Bedel: Her yerleşim değişikliğinde dört ölçüm daha.
Renk, yarıçap ve tipografi app/globals.css içindeki token'larda. Bileşen bg-bg, text-ink gibi token sınıfı kullanıyor; tema değişince tek dosya değişiyor.
Bedel: Tailwind'in hazır paletinden gelen alışkanlıklar bırakıldı.
Kaynak dosyalar JPEG'ti ve alfa kanalı yoktu. Arka plan flood-fill ile temizlenip 32-bit PNG üretildi. Vektörleştirme henüz yapılmadı.
Bedel: Retina dışı ekranlarda gereksiz ağırlık; SVG olsaydı ölçekten bağımsız olurdu.
Kendi sitesinde kural uygulamak, müşteriye kural anlatmaktan zor. "Lighthouse 100" demek kolay; mobil simülasyonda LCP 3.4 saniyeyken 100 demek mümkün değil. Büyük hero görselini kaldırıp yerine ölçüm paneli koymamın sebebi estetik değildi: göstergeyi geçmek için tasarımı değiştirmek zorunda kaldım.
Ercan Labs