Blog

Google Fonts Türkçe metinde iki dosya indirir: 48 KB latin ve 85 KB latin-ext. next/font ayarını ve dosyayı küçültmenin yolunu anlatıyorum.

Next.jsCSSFrontend

Yerelleştirmenin çeviriden farkını ve Türkçe arayüzlerde sık bozulan ek, İ/ı, çoğul ve tarih biçimlerini kodlu örneklerle anlattım.

JavaScriptFrontend

2025/10 sayılı genelge kimleri kapsıyor, A seviyesi ne istiyor ve WCAG 2.2'nin frontend'e dokunan yenilikleri neler? Kaynaklarıyla topladım.

CSSHTMLFrontend

Barrel file'lar import yollarını kısaltıyor ama modül grafiğini şişiriyor. Atlassian, Vercel ve TkDodo'nun ölçümlerine bakıp fikrimi neden değiştirdim.

TypeScriptFrontend

Sitemi Claude Code ile denetleyip ölçerek düzelttim: koyu temada beyaz ekran, gereksiz byte'lar, llms.txt ve kırmızı CI.

Lighthouse SEO puanım 100 iken canonical adresim başka bir adrese yönleniyordu. Sorunu, Google için anlamını ve 307 ile 308 farkını anlattım.

Temellerden yapay zekâya, resmi dokümanlardan süzülmüş ücretsiz frontend rehberleri. Hangi sırayla ne öğreneceğini gösterir.

ViraStackReactYapay Zekâ

Şifre göster/gizle davranışını erişilebilir varsayılanlarla sunar; ikon veya metin etiketleriyle özelleştirilebilir.

ViraStackReact

Kart, telefon, IBAN ve TCKN gibi alanlar için hazır maske ve doğrulama sunar; React Hook Form ile formatlı görünümü ham form state'inden ayırır.

ViraStackReact

Tek komutla üretime hazır, AI kurallarıyla donatılmış Next.js ve TanStack Start projeleri oluşturun.

ViraStackNext.js

RSC-first Next.js ile tip güvenli TanStack Start arasında kazanan değil; mental model, olgunluk ve trade-off üzerinden bir karşılaştırma.

Next.jsTanStack

Projeler büyüdükçe yönetilemez hale gelen klasör yapılarına karşı, kodu işlevsel özelliklere göre gruplayan feature-driven mimari yaklaşımı.

React