uurstudios
Blog

Rehberler ve notlar

Yazılım ve teknoloji üzerine, gerçek projelerden çıkan sade ve işe yarar notlar.

30 Eylül 2026 · 5 dk okuma

Core Web Vitals: LCP, INP ve CLS ne ölçer, sitenizde nasıl iyileştirirsiniz?

LCP, INP ve CLS'nin tam olarak neyi ölçtüğünü, eşik değerlerini ve her birini düzeltmenin yollarını, gerçek önce/sonra ölçümleriyle anlattım.

PerformansCore Web VitalsLighthouse
Oku
30 Eylül 2026 · 6 dk okuma

Web sitesini yavaşlatan 8 yaygın hata ve her birinin düzeltmesi

Dev görseller, render'ı engelleyen CSS, TTF fontlar, sohbet balonları, sıkıştırılmamış yanıtlar. Sitelerde en sık gördüğüm yavaşlık sebepleri ve somut çözümleri.

PerformansWeb GeliştirmeOptimizasyon
Oku
30 Eylül 2026 · 5 dk okuma

Görsel optimizasyonu: WebP, AVIF, srcset ve Next.js Image ne yapar?

Doğru format, doğru boyut, doğru yükleme sırası. srcset ve sizes'ın nasıl çalıştığını, lazy loading'in nerede zarar verdiğini ve Next.js Image'ın sınırlarını anlattım.

PerformansGörsel OptimizasyonuNext.js
Oku
30 Eylül 2026 · 6 dk okuma

Next.js App Router ile teknik SEO: meta, sitemap, kanonik ve JSON-LD

Next.js App Router'da meta etiketleri, sitemap.xml, robots.txt, kanonik adres ve JSON-LD'yi nasıl kurduğumu, sık yapılan hatalarla birlikte kod örnekleriyle anlattım.

SEONext.jsTeknik SEO
Oku
30 Eylül 2026 · 5 dk okuma

Web erişilebilirliği: kontrast, klavye, alt metin ve nasıl test edilir

Renk kontrastı, klavyeyle gezinme, alt metin, başlık sırası ve form etiketleri. Bir sitenin erişilebilirliğini nasıl test ettiğimi ve en sık düzelttiğim hataları anlattım.

ErişilebilirlikWeb GeliştirmeWCAG
Oku
30 Eylül 2026 · 6 dk okuma

Yavaş sorguyu bulmak ve doğru indeksi seçmek: EXPLAIN ile adım adım

400 bin satırlık indekssiz bir tabloda EXPLAIN çıktısını okumak, bileşik indeksin sütun sırasını seçmek ve mükerrer kontrolünü benzersizlik kısıtına bırakmak.

VeritabanıPerformansSQL
Oku
30 Eylül 2026 · 5 dk okuma

Kesintisiz dağıtım: rolling restart, bağlantı boşaltma ve keep-alive tuzağı

Yeni sürümü yük altında sıfır hatayla yayına almak için süreçleri tek tek yenilemek, bağlantıları boşaltmak ve keep-alive soketlerinin kurduğu tuzağı tanımak gerekiyor.

DevOpsNode.jsDağıtım
Oku
30 Eylül 2026 · 5 dk okuma

İzleme ve uyarı: p95, hata oranı, SLO ve gerçekten işe yarayan uyarılar

Ortalama yanıt süresi neden yalan söyler, sunucu içi metrikler kuyruğu neden göremez ve uyarı yorgunluğu olmadan sorunu saniyeler içinde yakalamak için ne ölçmek gerekir.

İzlemeDevOpsNode.js
Oku
30 Eylül 2026 · 5 dk okuma

Yedeğiniz gerçekten çalışıyor mu? Geri yükleme tatbikatı, RPO ve RTO

Yedek almak işin yarısı. Yedeği doğrulamak, geri yüklemeyi prova etmek ve yoğun yazma altında SQLite yedeğinin neden bitmediğini ölçerken öğrendiklerim.

YedeklemeVeritabanıDevOps
Oku
30 Eylül 2026 · 6 dk okuma

Supabase'de Row Level Security'yi doğru kurmak: anahtarlar ve politikalar

Supabase'de tarayıcı doğrudan veritabanıyla konuşur ve arada yalnızca RLS politikaları durur. Publishable ve secret anahtar farkı, politika örnekleri ve anahtar sızarsa yapılacaklar.

SupabasePostgreSQLGüvenlik
Oku
30 Eylül 2026 · 6 dk okuma

React Native mi, Flutter mı, native mi? Mobil uygulamada hangisi seçilmeli

Beş mobil uygulamayı React Native ve Expo ile yazdım. Bu yazıda Flutter ve Swift/Kotlin ile karşılaştırıp hangi projede hangisini seçtiğimi somut ölçütlerle anlatıyorum.

Mobil UygulamaReact NativeFlutter
Oku
30 Eylül 2026 · 6 dk okuma

Tasarım sistemini Figma'da değil kodda tutmak: belirteçler ve testler

Mobil bankacılık çalışmamda tasarım sistemini tek bir TypeScript dosyasına taşıdım: renkler, boşluklar, tipografi ve kontrast kuralları test ediliyor, web'e JSON ve CSS olarak aktarılıyor.

Tasarım SistemiDesign TokenReact Native
Oku
30 Eylül 2026 · 6 dk okuma

A/B testini doğru yapmak: hipotez, örneklem büyüklüğü ve erken bakma hatası

Çoğu A/B testi, yeterli veri toplanmadan sonuca bağlanıyor. Yemek sipariş uygulaması çalışmamdaki ödeme akışı deneyi üzerinden hipotezi, örneklemi, anlamlılığı ve metrik seçimini anlatıyorum.

A/B TestiÜrün GeliştirmeDönüşüm Optimizasyonu
Oku
30 Eylül 2026 · 6 dk okuma

E-ticarette arama ve filtreleme: FTS5, facet'ler ve Türkçe karakterler

Müşteri 'cadir' yazınca çadırı bulamıyorsa satış kaçıyor. Outdoor e-ticaret mağazası çalışmamdaki tam metin aramayı, facet'li filtreleri ve Türkçe karakter katlamasını kodla anlatıyorum.

E-ticaretAramaVeritabanı
Oku
30 Eylül 2026 · 7 dk okuma

Web uygulamalarında en sık gördüğüm güvenlik hataları ve kodla düzeltmeleri

OWASP Top 10:2025 listesinden pratikte en çok karşılaşılan beş konu: erişim kontrolü, enjeksiyon, koda giren anahtarlar, oturum yönetimi ve hız sınırlama, kod örnekleriyle.

GüvenlikWeb GeliştirmeOWASP
Oku
30 Eylül 2026 · 7 dk okuma

Deterministik simülasyonla birkaç KB'lık oyun tekrarı nasıl kurulur

Sabit zaman adımı, tohumlu rastgele sayı üreteci, kare kare girdi kaydı ve RLE ile bir oyunun tüm tekrarını paylaşılabilir kısa bir koda sığdırmanın yolu.

Oyun GeliştirmeJavaScriptCanvas
Oku
30 Eylül 2026 · 7 dk okuma

GameMaker oyununu tarayıcıya taşımak: GML çizimini Canvas 2D'ye çevirmek

GameMaker'da yazılmış iki mobil oyunu motor kullanmadan TypeScript ve Canvas 2D'ye taşırken çözdüğüm sorunlar: köşe renkleri, renkli sprite'lar, karışım, ses ve dokunma.

Oyun GeliştirmeGameMakerTypeScript
Oku
30 Eylül 2026 · 6 dk okuma

Küçük projelerde test stratejisi: neyi test etmeli, neyi hiç etmemeli

Vitest ile saf mantığı, Playwright ile gerçek kullanıcı akışını test etmek; oyun mantığını tarayıcısız çalıştırmak ve zaman kaybettiren testlerden uzak durmak.

TestVitestPlaywright
Oku
30 Eylül 2026 · 5 dk okuma

JavaScript projesini TypeScript'e taşımak için gerçekçi bir yol haritası

Çalışan bir JavaScript projesini durdurmadan TypeScript'e taşımak: allowJs ile başlamak, dosyaları sırayla çevirmek, strict'i kademeli açmak ve any'leri temizlemek.

TypeScriptJavaScriptRefactoring
Oku
30 Eylül 2026 · 6 dk okuma

Next.js App Router'da sunucu ve istemci bileşenleri, önbellek ve revalidate

Ne zaman "use client" yazmalı, veriyi nerede çekmeli, önbellek Next.js 14, 15 ve 16'da nasıl değişti ve tek bir cookies() çağrısı neden bütün sayfayı dinamik yapar.

Next.jsReactPerformans
Oku

Bir projeniz mi var?

Fikrinizi anlatın, 24 saat içinde size özel bir teklif ve yol haritasıyla dönüş yapayım.

Teklif Al
WhatsApp