Ana içeriğe geç

Blog

React, Next.js, TanStack ve frontend mimarisi üzerine teknik yazılar. RSS

2026

Canonical ve Yönlendirme: Lighthouse'ın Görmediği SEO Hatası

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.

Frontend

ViraStack Academy: Frontend için Ücretsiz Rehberler

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

ViraStackViraStackReactYapay Zekâ
İnteraktifMedium

ViraStack Password: Erişilebilir Şifre Görünürlüğü

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

ViraStackViraStackReact
İnteraktifMedium

ViraStack Mask: React Hook Form için Input Maskeleme

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.

ViraStackViraStackReact
Medium

ViraStack Start (CLI): Next.js ve TanStack Start Şablonları

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

ViraStackViraStackNext.js
Öne çıkanMedium

TanStack Start mı, Next.js mi? 2026 Karşılaştırması

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.

TanStackNext.js
Öne çıkanMedium

Feature-Driven Proje Yapısı

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

Zustand ve React Context

Global Zustand store'larının sınırlamalarını aşmak için React Context ile entegrasyonu ve encapsulated state yönetimi.

React
Öne çıkan

TanStack Router ve Query'yi Birlikte Kullanmak

TanStack Router loader cache'i ile TanStack Query'nin rollerini ayırır; loader–Query entegrasyonunu ve hangi verinin nereye konması gerektiğini açıklar.

TanStack

Next.js'ten TanStack ve Supabase'e Geçiş

Kişisel sitemi güncel teknolojilere taşıdım; Next.js ve MDX yapısını TanStack ve Supabase ile yeniden kurguladım.

ProjeTanStackSupabase
Medium

ViraStack AI: Yapay Zekâya Mimari Disiplin

Yapay zekâyla kod yazarken her seferinde aynı kuralları baştan anlatmak zorunda kalmayın. ViraStack AI, tutarlı kod üretimi için açık kaynak bir kural seti.

ViraStackViraStackYapay Zekâ
Medium

ViraStack: Frontend Ekosistemi

ViraStack nasıl doğdu? Turkuaz CSS'ten açık kaynak bir frontend ekosistemine uzanan kişisel yolculuğum ve bu yapının arkasındaki motivasyon.

ViraStackViraStack