omergulcicekBlog
Frontend mimarisi, erişilebilirlik ve yapay zekâyla geliştirme üzerine yazılar.
2026
Sitemin 11. Sürümü: Sol Menü, İki Dil ve Yeni Bir Simge
· Site Yenileme
ViraStack Address: Türkiye Adresleri için React Hook'u
· ViraStack, React
Claude Code ile Çalışma Şeklimi Ölçtüm
· Yapay Zekâ, Frontend
Yerelleştirme Çeviri Değildir: Türkçe Arayüzde Yapılan Hatalar
· JavaScript, Frontend
Google Fonts ve Türkçe: latin-ext Neden 85 KB?
· Next.js, CSS, Frontend
Barrel File: index.ts Dosyası Gerekli mi?
· Frontend, TypeScript
Erişilebilirlik Genelgesi: Frontend için WCAG 2.2 Rehberi
· CSS, HTML, Frontend
Kişisel Site Denetimi: Ölçerek Düzelttiklerim
· Site Yenileme, Frontend
Canonical ve Yönlendirme: Lighthouse'ın Görmediği SEO Hatası
· Frontend, Site Yenileme
ViraStack Academy: Frontend için Ücretsiz Rehberler
· ViraStack, React, Yapay Zekâ
ViraStack Password: React için Erişilebilir Parola Hook'u
· ViraStack, React
ViraStack Mask: React Hook Form için Input Maskeleme
· ViraStack, React
ViraStack Start (CLI): Next.js ve TanStack Start Şablonları
· ViraStack, Next.js
TanStack Start mı, Next.js mi? 2026 Karşılaştırması
· TanStack, Next.js
· React
· React
TanStack Router ve Query'yi Birlikte Kullanmak
· TanStack
Next.js'ten TanStack ve Supabase'e Geçiş
· Proje, TanStack, Supabase
ViraStack AI: Claude Code, Cursor ve AGENTS.md için Mimari Kurallar
· ViraStack, Yapay Zekâ
ViraStack: Frontend Ekosistemi
· ViraStack
Makineler İçin Dokümantasyon: llms.txt
· Yapay Zekâ
TanStack Start: tanstack-start-injected-head-scripts Hatası ve Çözümü
· TanStack, Supabase
· React, TanStack
2026 için React ve Yapay Zekâ Stack'i
· Yapay Zekâ
2025
2026'da Hayatımıza Girecek Yeni CSS Özellikleri
· CSS
Yapay Zekâ Çağında Frontend Bitti mi?
· Yapay Zekâ
· Yapay Zekâ
Next.js 16: Turbopack, Cache Components ve Yeni Mimari Dönemi
· Next.js
Frontend Çalışma Ortamım: Cursor, Eklentiler ve Daha Fazlası
· Yapay Zekâ
Next.js 15 ile Tasarım ve Mimari Yenilemesi
· Proje, Next.js
React Parola Inputları İçin Göster/Gizle Hooku
· React
React Hook Form İçin Akıllı Mask ve Doğrulama
· React
CSS attr() İçin Yeni Yetkinlikler
· CSS
· CSS
2025 Yılında Frontend Developer Olmak
· Next.js, TanStack, TypeScript
React Virtualization: Büyük Verilerin Ekranda Verimli Gösterimi
· React
React 19 ile Gelen Yenilik: useOptimistic Hook Kullanımı
· React
Frontend'in Parlayan Yıldızı: shadcn/ui ile Tanışın
· React
2024
Next.js ve shadcn/ui ile Site Yenilemesi
· Proje, Next.js
2022
· CSS
Grid Template Areas ile Layout Oluşturmak
· CSS
· CSS
· Proje, Next.js
Styled Component ile Dinamik CSS Yazmak
· CSS
2021
· CSS
JavaScript Selectorlerinin Çalışma Hızları
· JavaScript
CSS'te Min, Max ve Clamp Fonksiyonları
· CSS
· JavaScript
· CSS
React Componentini NPM Paketi Yapmak
· React
2020
2017
· React
· JavaScript, React
· JavaScript
· JavaScript
· JavaScript
· JavaScript
· Araç
· CSS
· CSS
· JavaScript
Box Shadow'a Güçlü Alternatif: Drop Shadow
· CSS
· CSS
· Proje
· CSS