# Ömer Gülçiçek · Frontend Mühendisi

> Sakarya'da yaşayan frontend mühendisi Ömer Gülçiçek'in sitesi: React, Next.js ve TanStack üzerine yazılar, açık kaynak projeler ve ViraStack.

- Language: Turkish (tr). Posts written in English are listed in their own section; English pages live under /en.
- Full text of every technical post: https://omergulcicek.com/llms-full.txt
- Contact: iletisim@omergulcicek.com · [GitHub](https://github.com/omergulcicek) · [LinkedIn](https://linkedin.com/in/omergulcicek) · [X](https://x.com/omergulcicek)

## Pages

- [Projeler](https://omergulcicek.com/projects): Geliştirdiğim ürünler, yan projelerim ve açık kaynak katkılarım.
- [Deneyimler](https://omergulcicek.com/experiences): Çalıştığım şirketler, rollerim ve oradaki işlerim.
- [Yer imleri](https://omergulcicek.com/bookmarks): Takip ettiğim bloglar, kullandığım paketler ve dönüp baktığım siteler.
- [Kitaplık](https://omergulcicek.com/library): Kitaplığımdakiler; çoğu tarih ve İslam düşüncesi üzerine.
- [Film ve diziler](https://omergulcicek.com/films): İzlediğim her şey değil, en sevdiğim filmler, diziler ve videolar.
- [Hakkımda](https://omergulcicek.com/about): Kodun dışındaki ben: nerede yaşadığım, neleri sevdiğim ve beni ben yapanlar.
- [Yolculuk](https://omergulcicek.com/journey): Yıllara göre işimde ve hayatımda öne çıkanlar.
- [Kullandıklarım](https://omergulcicek.com/uses): Her gün kullandığım araçlar ve neden onları seçtiğim.
- [ViraStack](https://omergulcicek.com/virastack): Modern React uygulamaları geliştirmek için headless, tip güvenli araçlar ve agent kuralları.
- [Marka](https://omergulcicek.com/brand): Sitenin simgesi olan çintemani çinisi ve turkuaz rengi.

## Blog (Turkish, newest first)

- [Sitemin 11. Sürümü: Sol Menü, İki Dil ve Yeni Bir Simge](https://omergulcicek.com/blog/kisisel-site-v11): Sitemi ViraStack Start ve Claude Opus 5.5 ile tek günde yeniden kurdum: menü sola geçti, İngilizce desteği geldi, simgem gülden çintemaniye döndü. (2026-11-10)
- [ViraStack Address: Türkiye Adresleri için React Hook'u](https://omergulcicek.com/blog/virastack-address): İl, ilçe ve mahalle zincirleme seçilir, posta kodu mahalleden gelir, adres sunucuda yeniden doğrulanır. PTT verisiyle, headless bir React hook'u. (2026-11-09)
- [Claude Code ile Çalışma Şeklimi Ölçtüm](https://omergulcicek.com/blog/claude-code-calisma-seklimi-olctum): Addy Osmani'nin agent'lar ve eleştirel düşünme yazısından sonra 100'den fazla oturumumu Claude Code'a analiz ettirdim. Nerede kararı tuttuğumu ve neyi düzelteceğimi yazdım. (2026-11-05)
- [Google Fonts ve Türkçe: latin-ext Neden 85 KB?](https://omergulcicek.com/blog/google-fonts-turkce-karakterler): 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. (2026-11-04)
- [Yerelleştirme Çeviri Değildir: Türkçe Arayüzde Yapılan Hatalar](https://omergulcicek.com/blog/yerellestirme-ceviri-degildir): 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. (2026-11-04)
- [Erişilebilirlik Genelgesi: Frontend için WCAG 2.2 Rehberi](https://omergulcicek.com/blog/erisilebilirlik-genelgesi-wcag-2-2): 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. (2026-10-31)
- [Barrel File: index.ts Dosyası Gerekli mi?](https://omergulcicek.com/blog/barrel-file): 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. (2026-10-31)
- [Kişisel Site Denetimi: Ölçerek Düzelttiklerim](https://omergulcicek.com/blog/kisisel-site-denetimi): Sitemi Claude Code ile denetleyip ölçerek düzelttim: koyu temada beyaz ekran, gereksiz byte'lar, llms.txt ve kırmızı CI. (2026-10-28)
- [Canonical ve Yönlendirme: Lighthouse'ın Görmediği SEO Hatası](https://omergulcicek.com/blog/canonical-ve-yonlendirme): 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. (2026-10-26)
- [ViraStack Academy: Frontend için Ücretsiz Rehberler](https://omergulcicek.com/blog/virastack-academy): Temellerden yapay zekâya, resmi dokümanlardan süzülmüş ücretsiz frontend rehberleri. Hangi sırayla ne öğreneceğini gösterir. (2026-10-19)
- [ViraStack Password: React için Erişilebilir Parola Hook'u](https://omergulcicek.com/blog/virastack-password): Göster / gizle, NIST tarzı parola gücü, parola tekrarı, sunucuda aynı kurallar ve sızmış parola kontrolü; tek bir headless React hook'unda. (2026-08-02)
- [ViraStack Mask: React Hook Form için Input Maskeleme](https://omergulcicek.com/blog/virastack-mask): 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. (2026-08-02)
- [ViraStack Start (CLI): Next.js ve TanStack Start Şablonları](https://omergulcicek.com/blog/virastack-start): Tek komutla feature tabanlı mimarisi, kurulu paketleri ve agent kurallarıyla hazır bir Next.js ya da TanStack Start projesi oluştur. (2026-07-28)
- [TanStack Start mı, Next.js mi? 2026 Karşılaştırması](https://omergulcicek.com/blog/tanstack-start-vs-nextjs): 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. (2026-07-17)
- [Feature-Driven Proje Yapısı](https://omergulcicek.com/blog/feature-driven-proje-yapisi): 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ı. (2026-07-09)
- [Zustand ve React Context](https://omergulcicek.com/blog/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. (2026-07-08)
- [TanStack Router ve Query'yi Birlikte Kullanmak](https://omergulcicek.com/blog/tanstack-router-ve-query-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. (2026-07-07)
- [Next.js'ten TanStack ve Supabase'e Geçiş](https://omergulcicek.com/blog/nextjsten-tanstack-ve-supabasee-gecis): Kişisel sitemi güncel teknolojilere taşıdım; Next.js ve MDX yapısını TanStack ve Supabase ile yeniden kurguladım. (2026-07-01)
- [ViraStack AI: Claude Code, Cursor ve AGENTS.md için Mimari Kurallar](https://omergulcicek.com/blog/virastack-ai): Tek komutla React projene mimari kurallar kur; Claude Code, Cursor ve AGENTS.md okuyan her agent projene uyan kod yazsın. (2026-06-30)
- [ViraStack: Frontend Ekosistemi](https://omergulcicek.com/blog/frontend-ekosistemi-insa-etmek): 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. (2026-04-05)
- [Makineler İçin Dokümantasyon: llms.txt](https://omergulcicek.com/blog/makineler-icin-dokumantasyon-llms-txt): LLM'ler ve yapay zekâ ajanları için llms.txt formatının ne olduğunu ve projelere nasıl entegre edilebileceğini anlatan rehber. (2026-02-04)
- [TanStack Start: tanstack-start-injected-head-scripts Hatası ve Çözümü](https://omergulcicek.com/blog/tanstack-start-injected-head-scripts-hatasi-cozumu): TanStack Start projelerinde karşılaşılan injected head scripts hidrasyon hatasının kök nedeni ve uygulanan çözüm. (2026-02-03)
- [React State Yönetim Mimarisi](https://omergulcicek.com/blog/react-state-yonetim-mimarisi): Hangi kütüphane sorusundan önce state'in doğasını tanımlamayı merkeze alan üst düzey React state mimarisi yaklaşımı. (2026-02-01)
- [2026 için React ve Yapay Zekâ Stack'i](https://omergulcicek.com/blog/2026-icin-react-ve-yapay-zeka-stacki): 2026'da React ve yapay zekâ araçlarını birlikte konumlandırmaya dair Builder.io makalesinin deneyimle zenginleştirilmiş çevirisi. (2026-01-28)
- [2026'da Hayatımıza Girecek Yeni CSS Özellikleri](https://omergulcicek.com/blog/2026da-hayatimiza-girecek-yeni-css-ozellikleri): Tarayıcı desteği ve pratik kullanım açısından yakın dönemde hayatımıza girebilecek CSS yeniliklerine dair teknik bir derleme. (2025-12-25)
- [Yapay Zekâ Çağında Frontend Bitti mi?](https://omergulcicek.com/blog/yapay-zeka-caginda-frontend-bitti-mi): 'Frontend bitti' söyleminin ötesinde, sektör daralması mı dönüşüm mü olduğunu sorgulayan güncel bir mesleki değerlendirme. (2025-12-01)
- [Yapay Zekânın Sorunları](https://omergulcicek.com/blog/yapay-zekanin-sorunlari): Addy Osmani'nin AI's 70% Problem yazısından süzülen özet ve yapay zekâ destekli geliştirmede yaşadığım somut deneyimler. (2025-11-18)
- [Next.js 16: Turbopack, Cache Components ve Yeni Mimari Dönemi](https://omergulcicek.com/blog/nextjs-16-turbopack-cache-components-ve-yeni-mimari-donemi): Next.js 16 sürümünde Turbopack, Cache Components ve App Router tarafındaki mimari yeniliklere dair teknik bir bakış. (2025-10-23)
- [Frontend Çalışma Ortamım: Cursor, Eklentiler ve Daha Fazlası](https://omergulcicek.com/blog/frontend-calisma-ortamim-cursor-eklentiler): Cursor'dan tarayıcı eklentilerine, klasör yapısından kod standartlarına uzanan kişisel frontend çalışma ortamımın paylaşımı. (2025-08-13)
- [Next.js 15 ile Tasarım ve Mimari Yenilemesi](https://omergulcicek.com/blog/nextjs-15-ile-tasarim-ve-mimari-yenilemesi): Kişisel sitemi yeniden tasarladım; full-width düzenden container layout'a geçip ana sayfa, avatar ve arama deneyimini yeniden kurguladım. (2025-07-27)
- [React Parola Inputları İçin Göster/Gizle Hooku](https://omergulcicek.com/blog/react-parola-inputlari-icin-goster-gizle-hooku): Parola alanlarına göster/gizle işlevi eklemek için geliştirdiğim @virastack/password-toggle hook'unun kullanım rehberi. (2025-06-19)
- [React Hook Form İçin Akıllı Mask ve Doğrulama](https://omergulcicek.com/blog/react-hook-form-icin-akilli-mask-ve-dogrulama): @virastack/input-mask paketiyle React Hook Form projelerinde maskeleme ve doğrulama işlemlerini kolaylaştırmanın pratik kullanımı. (2025-06-09)
- [CSS attr() İçin Yeni Yetkinlikler](https://omergulcicek.com/blog/css-attr-icin-yeni-yetkinlikler): attr() fonksiyonunun string dışı değerler döndürmeye başlamasıyla CSS'te açılan yeni kullanım olanaklarına dair pratik bir inceleme. (2025-03-22)
- [Tailwind CSS v4](https://omergulcicek.com/blog/tailwind-css-v4): Frontend dünyasında popülerleşen Tailwind CSS, v4.0 sürümüyle karşımıza çıktı. Yeni sürümüyle esneklik ve performansı artırıyor. (2025-02-07)
- [2025 Yılında Frontend Developer Olmak](https://omergulcicek.com/blog/2025-yilinda-frontend-developer-olmak): Bootstrap'tan Tailwind'e, jQuery'den React ekosistemine uzanan frontend dünyasında bugün ne bilmek gerektiğine dair güncel bir rehber. (2025-01-20)
- [React Virtualization: Büyük Verilerin Ekranda Verimli Gösterimi](https://omergulcicek.com/blog/react-virtualization-buyuk-verilerin-ekranda-verimli-gosterimi): Binlerce satırlık listelerde React Virtualization ile yalnızca görünen öğeleri render ederek performans kazanmanın mantığı. (2025-01-10)
- [React 19 ile Gelen Yenilik: useOptimistic Hook Kullanımı](https://omergulcicek.com/blog/react-19-ile-gelen-yenilik-use-optimistic-hook-kullanimi): React 19'un useOptimistic hook'u ile sunucu yanıtını beklemeden UI güncelleme akışını kurmanın pratik örneği. (2025-01-06)
- [Frontend'in Parlayan Yıldızı: shadcn/ui ile Tanışın](https://omergulcicek.com/blog/frontendin-parlayan-yildizi-shadcn-ui-ile-tanisin): Radix UI ve Tailwind üzerine kurulu shadcn/ui'nin bileşen modelini, avantajlarını ve kullanım yaklaşımını tanıtan rehber. (2025-01-04)
- [Next.js ve shadcn/ui ile Site Yenilemesi](https://omergulcicek.com/blog/nextjs-ve-shadcn-ui-ile-site-yenilemesi): Kişisel sitemi uzun aradan sonra yeniledim; shadcn/ui tabanlı arayüze yer imleri ve frontend yol haritasını ekledim. (2024-12-29)
- [2022 CSS İstatistikleri](https://omergulcicek.com/blog/2022-css-istatistikleri): HTTP Archive verilerinden süzülen güncel CSS kullanım istatistikleri; sınıflar, özellikler ve trendler üzerine veriye dayalı bir bakış. (2022-10-09)
- [Grid Template Areas ile Layout Oluşturmak](https://omergulcicek.com/blog/grid-template-areas-ile-layout-olusturmak): CSS Grid'in grid-template-areas özelliğiyle okunabilir ve esnek layout'lar kurmanın pratik bir yaklaşımı. (2022-09-09)
- [CSS Object View Box](https://omergulcicek.com/blog/css-object-view-box): Görüntüleri ek sarmalayıcı olmadan kırpmak için object-view-box özelliğinin ne sunduğunu ve nasıl kullanıldığını gösteren rehber. (2022-06-26)
- [Gatsby'den Next.js'e Geçiş](https://omergulcicek.com/blog/gatsbyden-nextjse-gecis): Kişisel sitemi yeniledim; Gatsby tabanlı statik yapıyı Next.js SSG ve Tailwind CSS ile yeniden kurguladım. (2022-04-22)
- [Styled Component ile Dinamik CSS Yazmak](https://omergulcicek.com/blog/styled-component-ile-dinamik-css-yazmak): JSON'dan gelen stilleri Styled Components ile dinamik olarak render eden component mimarisinin problemi ve çözümü. (2022-01-25)
- [CSS Container Sorguları](https://omergulcicek.com/blog/css-container-sorgulari): Medya sorgularını tamamlayıcı olarak bileşen bazında responsive davranış kurmayı sağlayan CSS container queries'e giriş. (2021-11-26)
- [JavaScript Selectorlerinin Çalışma Hızları](https://omergulcicek.com/blog/javascript-selectorlerinin-calisma-hizlari): querySelector, getElementById ve benzeri DOM seçicilerinin performans farklarını ölçerek karşılaştıran teknik inceleme. (2021-10-29)
- [CSS'te Min, Max ve Clamp Fonksiyonları](https://omergulcicek.com/blog/csste-min-max-ve-clamp-fonksiyonlari): Dinamik boyutlandırmada min(), max() ve clamp() fonksiyonlarını gerçek senaryolar üzerinden anlatan CSS rehberi. (2021-06-27)
- [Renk Kontrastını Hesaplama](https://omergulcicek.com/blog/renk-kontrastini-hesaplama): Arka plan rengine göre yazı rengini JavaScript ile dinamik seçerek okunabilirliği artırmanın pratik yöntemi. (2021-05-29)
- [CSS Mantıksal Özellikler](https://omergulcicek.com/blog/css-mantiksal-ozellikler): LTR ve RTL dillerde aynı mantığı koruyarak layout yazmayı kolaylaştıran CSS logical properties'e pratik bir giriş. (2021-03-28)
- [React Componentini NPM Paketi Yapmak](https://omergulcicek.com/blog/react-componentini-npm-paketi-yapmak): Yuvarlak progress bar bileşeninden yola çıkarak bir React paketini npm'e yayınlama sürecinin adım adım anlatımı. (2021-01-22)
- [MJML ile Responsive Mail Template](https://omergulcicek.com/blog/mjml-ile-responsive-mail-template): E-posta template kodlamasını daha taşınabilir hale getiren MJML ile responsive mail şablonu oluşturmanın temelleri. (2020-11-13)
- [Linkleri Yeni Sekmede Açmak](https://omergulcicek.com/blog/linkleri-yeni-sekmede-acmak): target=_blank kullanımının erişilebilirlik ve güvenlik boyutlarıyla birlikte doğru uygulanışına dair kısa bir not. (2020-10-30)
- [Focus ve Focus-Within Farkı](https://omergulcicek.com/blog/focus-ve-focus-within-farki): :focus ile :focus-within pseudo class'larının davranış farkını erişilebilirlik odaklı örneklerle karşılaştıran kısa rehber. (2020-10-10)
- [Google Fontları Daha Hızlı Yüklemek](https://omergulcicek.com/blog/google-fontlari-daha-hizli-yuklemek): Google Fonts entegrasyonunda birkaç küçük optimizasyonla font yüklemesini hızlandırmanın pratik yolları. (2020-09-26)
- [Resimlerde srcset Kullanımı](https://omergulcicek.com/blog/resimlerde-srcset-kullanimi): Farklı ekran yoğunlukları için srcset ve sizes ile responsive görüntü optimizasyonuna pratik bir giriş. (2020-09-13)
- [Logoları CSS ile Hizalama](https://omergulcicek.com/blog/logolari-css-ile-hizalama): Portfolyo sayfalarında farklı boyutlu müşteri logolarını CSS ile hizalı ve tutarlı göstermenin pratik yöntemi. (2020-09-12)
- [JSX Nedir?](https://omergulcicek.com/blog/jsx-nedir): React dünyasının en temel yapı taşlarından JSX'in ne olduğunu, neden var olduğunu ve nasıl çalıştığını anlatan giriş yazısı. (2017-12-30)
- [Bind() Fonksiyonu](https://omergulcicek.com/blog/bind-fonksiyonu): React örnekleri üzerinden JavaScript bind() fonksiyonunun ne işe yaradığını ve this bağlamını nasıl yönettiğini anlatan kısa bir rehber. (2017-12-23)
- [Resimleri Görünürse Yüklemek](https://omergulcicek.com/blog/resimleri-gorunurse-yuklemek): Viewport dışındaki görselleri gereksiz yere yüklememek için lazy loading yaklaşımının temel mantığı ve uygulaması. (2017-12-08)
- [GitStats v2 - GitHub API](https://omergulcicek.com/blog/gitstats-v2-github-api): GitHub API ile proje katkı istatistiklerini çeken GitStats aracının ikinci versiyonu ve geliştirme sürecindeki dersler. (2017-11-20)
- [GitStats](https://omergulcicek.com/blog/gitstats): GitHub projelerindeki katkı dağılımını saf JavaScript ile tabloya döken küçük bir araç ve kullanım rehberi. (2017-11-18)
- [DevTools ile JavaScript Debug](https://omergulcicek.com/blog/devtools-ile-javascript-debug): console.log'a mahkum kalmadan Chrome DevTools ile JavaScript hatalarını adım adım izlemenin temel yolları. (2017-11-14)
- [Photopea.com](https://omergulcicek.com/blog/photopea-com): Adobe Photoshop'a ücretsiz alternatif Photopea ile arayüz geliştiricilerinin günlük iş akışına nasıl entegre edilebileceği. (2017-10-07)
- [jQuery ile CSS important](https://omergulcicek.com/blog/jquery-ile-css-important): jQuery ile inline stillere !important eklemenin CSS özgüllük hiyerarşisi içindeki yeri ve pratik kullanımı. (2017-09-30)
- [Position: Sticky](https://omergulcicek.com/blog/position-sticky): CSS position sticky özelliğinin scroll davranışı, kullanım sınırları ve pratik senaryolar üzerinden anlatımı. (2017-08-19)
- [Başlık Değiştirme](https://omergulcicek.com/blog/change-title): Sekmeler arasında kalan süreyi sayfa başlığında gösterme fikrini koddan geçirerek nasıl uygulayabileceğinizi anlatan küçük bir JavaScript örneği. (2017-08-05)
- [Box Shadow'a Güçlü Alternatif: Drop Shadow](https://omergulcicek.com/blog/box-shadowa-guclu-alternatif-drop-shadow): Box-shadow'un yetersiz kaldığı senaryolarda filter drop-shadow ile daha gerçekçi gölge vermenin pratik çözümü. (2017-07-28)
- [CSS Framework Anket Sonuçları](https://omergulcicek.com/blog/css-framework-anket-sonuclari): Topluluk anketi sonuçları üzerinden CSS framework tercihlerine, alışkanlıklara ve sektörel eğilimlere dair veriye dayalı bir yorum. (2017-07-26)
- [Reading Time Paketi](https://omergulcicek.com/blog/reading-time-paketi): Blog yazılarına tahmini okuma süresi eklemek için geliştirdiğim reading-time paketinin kullanımı ve motivasyonu. (2017-07-25)
- [Turkuaz CSS](https://omergulcicek.com/blog/turkuaz-css): Kendi geliştirdiğim Turkuaz CSS framework'ünün motivasyonu, özellikleri ve responsive arayüz geliştirmedeki yeri. (2017-05-07)

## Blog in English (newest first)

- [The 11th Version of My Site: A Side Menu, Two Languages and a New Mark](https://omergulcicek.com/en/blog/personal-site-v11): I rebuilt my site in a single day with ViraStack Start and Claude Opus 5.5: the menu moved to the left, English arrived, and a rose gave way to a çintemani tile. (2026-11-10, en)
- [ViraStack Academy: Free Guides for Frontend Developers](https://omergulcicek.com/en/blog/virastack-academy-free-frontend-guides): Free frontend guides, from the fundamentals to AI, distilled from official documentation. Shows you what to learn and in what order. (2026-10-19, en)
- [ViraStack Password: An Accessible Password Hook for React](https://omergulcicek.com/en/blog/virastack-password-accessible-password-hook): Show / hide, NIST-style strength, confirmation, the same rules on the server and a leaked password check, in one headless React hook. (2026-08-02, en)
- [ViraStack Mask: Input Masks for React Hook Form](https://omergulcicek.com/en/blog/virastack-mask-react-hook-form-input-masks): Ready, tested masks for cards, phone numbers, IBANs and currencies; the input shows the formatted value while React Hook Form keeps the raw one. (2026-08-02, en)
- [ViraStack Start: A CLI for Next.js and TanStack Start Projects](https://omergulcicek.com/en/blog/virastack-start-nextjs-tanstack-start-cli): One command creates a Next.js or TanStack Start project with a feature-based architecture, the core packages and agent rules already in place. (2026-07-28, en)
- [ViraStack AI: Architecture Rules for Claude Code, Cursor and AGENTS.md](https://omergulcicek.com/en/blog/virastack-ai-architecture-rules-for-agents): One command installs architecture rules in your React project, so Claude Code, Cursor and every agent that reads AGENTS.md write code that fits it. (2026-06-30, en)
- [ViraStack: Building a Frontend Ecosystem](https://omergulcicek.com/en/blog/building-a-frontend-ecosystem): How a CSS framework and a few Turkish-named side projects grew into ViraStack, an open-source frontend ecosystem with seven products. (2026-04-05, en)
- [Documentation for Machines: llms.txt](https://omergulcicek.com/en/blog/documentation-for-machines-llms-txt): We are now targeting AI agents in the web world. This article explores how to use the llms.txt format to make projects more readable for LLMs. (2026-02-04, en)
- [TanStack Start: Resolving the tanstack-start-injected-head-scripts Error](https://omergulcicek.com/en/blog/tanstack-start-resolving-the-tanstack-start-injected-head-scripts-error): Causes and solutions for the 'Injected head scripts' hydration error encountered in TanStack Start projects, especially when using plugins like Supabase. (2026-02-03, en)

## Projects

- [ViraStack Start](https://virastack.com/start): `npx virastack` ile üretime hazır Next.js ve TanStack Start projeleri. Feature tabanlı mimari, strict TypeScript ve AI kuralları dahil gelir.
- [ViraStack AI](https://virastack.com/ai): Claude Code, Cursor ve `AGENTS.md` okuyan tüm agent'lar için tek bir mimari kural seti. Agent'lar projenin geri kalanına uyan kod yazar.
- [ViraStack Mask](https://virastack.com/mask): React Hook Form için sıfır bağımlılıklı input maskeleri. Telefon, kart, IBAN, TCKN ve TRY hazır gelir; aynı şema sunucuda da doğrular.
- [ViraStack Password](https://virastack.com/password): React için erişilebilir parola hook'u: göster/gizle, NIST tarzı güç, parola tekrarı ve sunucuda aynı kurallar.
- [ViraStack Address](https://virastack.com/address): Türkiye adresleri için headless React hook'u. İl, ilçe ve mahalle zincirleme seçilir; posta kodu mahalleden gelir ve adres sunucuda doğrulanır.
- [ViraStack Academy](https://virastack.com/academy): React ile frontend geliştirici olmak için güncel yol haritası. Temellerden yapay zekâ, mimari ve test gibi ileri konulara ücretsiz rehberler.
- [ViraStack Guide](https://virastack.com/guide): Modern bir web uygulamasının nasıl kurulduğunu, ham HTML'den AI-native arayüze 3 dakikada adım adım gösteren interaktif rehber.
- [Takvim](https://takvim.omergulcicek.com): Takvim abonelikleri için ücretsiz, açık kaynak arayüz.
- [Footy](https://footy.omergulcicek.com): Futbol bilgi oyunları.
- [React](https://tr.react.dev): React dokümantasyonunun Türkçe çevirisi.
- [React Router](https://github.com/omergulcicek/react-router): React Router dokümantasyonunun Türkçe çevirisi.
- [ECMAScript 6](https://github.com/omergulcicek/es6): ES6 (ES2015) özelliklerinin Türkçe çevirisi.
- [Airbnb CSS](https://github.com/omergulcicek/css): Airbnb'nin CSS ve Sass stil rehberinin Türkçe çevirisi.
- [Gulp](https://github.com/omergulcicek/gulp): Gulp dokümantasyonunun Türkçe çevirisi.
- [Turkuaz](https://github.com/omergulcicek/turkuaz): İlk açık kaynak projem, bir CSS kütüphanesi.
- [Türkçe Doküman](https://github.com/omergulcicek/turkcedokuman.com): Yazılım için Türkçe kaynaklar.

## Optional

- [Türkiye-İsrail Savaşı: Büyük Hesaplaşma](https://omergulcicek.com/notes/turkiye-israil-savasi-buyuk-hesaplasma): Türkiye'nin iç ve dış siyasette attığı tüm adımların, İsrail ile yaşanacak kaçınılmaz büyük hesaplaşmaya yönelik stratejik bir hazırlık olduğu konusundaki düşüncelerim. (2026-08-17)
- [Satranç: Blitz Deneyimim](https://omergulcicek.com/notes/satranc-blitz-deneyimim): Yedi bin maçlık blitz alışkanlığından satrancın günlük hayatıma ne kattığına dair kısa bir not. (2026-07-03)
- [Apex](https://omergulcicek.com/notes/apex): Tek başına yola çıkan bir dağcının keşif yolculuğu, kısa sürede ölümcül bir kovalamacaya dönüşüyor. (2026-07-01)
- [Footy: Futbol Bilgini Sahaya Yansıt](https://omergulcicek.com/notes/footy-futbol-bilgini-sahaya-yansit): Gerçek futbol tutkunlarını tek bir çatı altında toplayan, futbol bilgisini eğlenceye ve kıyasıya bir rekabete dönüştüren Footy platformu yayında! (2026-06-28)
- [İlgi Alanlarınızı Tek Tıkla Takviminize Ekleyin](https://omergulcicek.com/notes/ilgi-alanlarinizi-tek-tikla-takviminize-ekleyin): Tematik takvim abonelikleri projesinin güncellenmesiyle ilgi alanlarınızı tek tıkla takviminize nasıl ekleyeceğiniz. (2026-06-28)
- [Medya Kuşatması ve Ruhsuz Eğitim: Manevi Boşluktaki Zombi Nesil](https://omergulcicek.com/notes/medya-kusatmasi-ve-ruhsuz-egitim-manevi-bosluktaki-zombi-nesil): Toplumun manevi köklerini yitirdiği bir dönemde medya, eğitim ve gençlik üzerine kaleme aldığım sert bir bakış. (2026-04-16)
- [Dijital Bir Hayalet Günlüğü](https://omergulcicek.com/notes/dijital-bir-hayalet-gunlugu): Algoritmaların popülizm iştahı ile derin içerik arasında sıkışan dijital üreticiliğe dair samimi bir bakış. (2026-04-09)
- [Gelenekten Geleceğe: Ramazan Adabı](https://omergulcicek.com/notes/gelenekten-gelecege-ramazan-adabi-ve-teknik-hedefler): Unutulmaya yüz tutmuş gelenekleri modern hayata taşıma niyetiyle hazırladığım kültürel Ramazan notları. (2026-02-17)
- [See](https://omergulcicek.com/notes/see): Görmenin günah sayıldığı distopik bir dünyada geçen Apple TV+ dizisi See hakkında spoiler içermeyen kısa değerlendirme. (2026-02-02)
- [2025'ten 2026'ya: Değerlendirme ve Hedefler](https://omergulcicek.com/notes/2025ten-2026ya-degerlendirme-ve-hedefler): Yerleşik düzenin değiştiği, üretkenliğin ve önceliklerin yeniden tanımlandığı bir dönemin ardından önümüze baktığım kapsamlı yazı. (2026-01-01)
- [Yan Yana](https://omergulcicek.com/notes/yan-yana): Can Dostum'dan uyarlanan Yan Yana filminde Haluk Bilginer ve Feyyaz Yiğit'in performansına dair spoiler'sız kısa bir bakış. (2025-11-28)
- [Google Maps: Kişisel Listelerim](https://omergulcicek.com/notes/google-maps-kisisel-listelerim): Gezdiğim yerleri Google Maps kişisel listeleriyle nasıl kaydettiğimi ve bu alışkanlığın seyahat ritmine etkisini anlatan notlar. (2025-10-20)
- [Kaliteli Yazılımcı Nasıl Olunur?](https://omergulcicek.com/notes/kaliteli-yazilimci-nasil-olunur): On yılı aşkın sektör deneyiminden süzülen; teknik beceri, üretkenlik ve iletişim ekseninde kaliteli yazılımcılık üzerine düşünceler. (2025-10-14)
- [Fâtih Sultan Mehmed - Doğu’nun ve Batı’nın Efendisi](https://omergulcicek.com/notes/fatih-sultan-mehmed-dogunun-ve-batinin-efendisi): İlber Ortaylı'nın kaleminden Fatih Sultan Mehmed'i fetihlerinin ötesinde bir lider ve düşünce insanı olarak okumak. (2025-10-02)
- [Takvim Abonelikleri: Zamanı Zenginleştirin](https://omergulcicek.com/notes/takvim-abonelikleri-zamani-zenginlestirin): Apple Takvim'e tek tıkla abone olunabilen tematik etkinlik takvimleri projesi; ilgi alanlarınızı rutininize taşıma fikri. (2025-09-19)
- [Günümüz Türkiyesi 2025](https://omergulcicek.com/notes/gunumuz-turkiyesi-2025): Sert konuşmadan ama meseleyi es geçmeden; sokak, ekran ve iş hayatından süzülen güncel gözlemler ile çözüm önerileri. (2025-09-16)
- [Nevşehir Tatili](https://omergulcicek.com/notes/nevsehir-tatili): 2025 yazında Kapadokya'nın atmosferini keşfetmek için Nevşehir'e yapılan kısa tatilin kişisel notları. (2025-07-26)
- [2025 Hedeflerim](https://omergulcicek.com/notes/2025-hedeflerim): Hayatın merkezinin kayacağı bir döneme hazırlanırken tuttuğum dengeli, somut ve ölçülebilir yol haritası. (2025-01-01)
- [2024 Değerlendirmesi](https://omergulcicek.com/notes/2024-degerlendirmesi): Tempo düşerken hayatın yönünün değiştiği bir dönemin üzerine tuttuğum, kariyerden kişisel hayata uzanan samimi notlar. (2024-12-31)
- [2022 Değerlendirmesi](https://omergulcicek.com/notes/2022-degerlendirmesi): Şehri yaşamak, üretmek ve sosyalleşmek arasında geçen hareketli bir dönemin enerjisini yansıtan kişisel yılsonu yazısı. (2022-12-31)
- [2022 Hedeflerim](https://omergulcicek.com/notes/2022-hedeflerim): Rutinden çıkıp şehri keşfetmeye, sosyalleşmeye ve üretmeye odaklandığım daha hareketli bir dönemin yol haritası. (2022-01-01)
- [2021 Değerlendirmesi](https://omergulcicek.com/notes/2021-degerlendirmesi): Mesai sonrasını hayatın farklı alanlarına ayırdığım bir dönemin samimi muhasebesi. (2021-12-31)
- [İzmir, Marmaris, Ölüdeniz Tatili](https://omergulcicek.com/notes/izmir-marmaris-oludeniz-tatili): Üniversite arkadaşlarımla İzmir, Marmaris ve Ölüdeniz güzergahında geçen yaz tatilinin kısa anıları. (2021-08-09)
- [Cep Herkülü: Naim Süleymanoğlu](https://omergulcicek.com/notes/cep-herkulu-naim-suleymanoglu): Naim Süleymanoğlu'nun sinematografik hikayesini izledikten sonra film hakkında kısa, spoiler içermeyen izlenimlerim. (2021-05-08)
- [Miyop Lazer Göz Ameliyatı](https://omergulcicek.com/notes/miyop-lazer-goz-ameliyati): Miyop lazer göz ameliyatına karar verme sürecim, operasyon deneyimim ve sonrasında yaşadığım günlük hayat değişiklikleri. (2021-03-26)
- [MacBook Pro M1 Deneyimlerim](https://omergulcicek.com/notes/macbook-pro-m1-deneyimlerim): Intel'den M1 MacBook Pro'ya geçişte performans, pil ömrü ve günlük geliştirme deneyimine dair kişisel izlenimler. (2021-02-22)
- [Japonizm](https://omergulcicek.com/notes/japonizm): Teknolojisi, disiplini ve kültürüyle Japonya'ya duyduğum ilgiyi ve gözlemlerimi kaleme aldığım kişisel bir yazı. (2021-02-21)
- [2021 Hedeflerim](https://omergulcicek.com/notes/2021-hedeflerim): Abartmadan ve gerçekçi kalarak, hayatın farklı alanlarına yayılmış niyetleri planlama alışkanlığımın yeni dönem notları. (2021-01-02)
- [2020 Değerlendirmesi](https://omergulcicek.com/notes/2020-degerlendirmesi): Pandemi düzeninde geçen bir yılın notları; kariyer yolculuğumdan kişisel ilgi alanlarıma uzanan geleneksel yılsonu yazım. (2020-12-31)
- [The Queen's Gambit](https://omergulcicek.com/notes/the-queens-gambit): Netflix mini dizisi The Queen's Gambit üzerine satranç, anlatı ve prodüksiyon açısından spoiler'a düşmeden kısa bir değerlendirme. (2020-11-29)
- [2019 Değerlendirmesi](https://omergulcicek.com/notes/2019-degerlendirmesi): Alışkanlıklar, hedef takibi ve yazılım dışına açılan bir dönemin samimi geriye bakışı. (2019-12-31)
- [Günümüz Türkiyesi 2019](https://omergulcicek.com/notes/gunumuz-turkiyesi-2019): Olumsuzluğa kapılmadan ülkenin güncel tablosuna baktığım; sevdiğim için eleştiriyorum diyerek yazdığım düşünce yazısı. (2019-01-08)
- [The Imitation Game](https://omergulcicek.com/notes/the-imitation-game): Alan Turing'in hikayesini anlatan The Imitation Game filmi hakkında Benedict Cumberbatch'lı yapım üzerine kısa izlenimler. (2018-12-03)
- [2018 Yılı Hedeflerim](https://omergulcicek.com/notes/2018-yili-hedeflerim): İlk iş deneyimlerinden React projelerine uzanan bir dönemin ardından, yeni yıla taşıdığım teknik ve kişisel niyetlerin planı. (2018-01-01)
- [Walter Isaacson - Geleceği Keşfedenler](https://omergulcicek.com/notes/walter-isaacson-gelecegi-kesfedenler): Walter Isaacson'un Geleceği Keşfedenler kitabından Steve Jobs, Bill Gates ve dönemin teknoloji öncülerine dair okuma notları. (2017-12-09)
- [İş Bulmak](https://omergulcicek.com/notes/is-bulmak): 30'dan önce 30 listemin 21. maddesi: iş bulma ve başvuru sürecinde edindiğim deneyimlerden süzülen kişisel notlar. (2017-10-13)
- [Sait Köşk - Hemdem](https://omergulcicek.com/notes/sait-kosk-hemdem): Sait Köşk'ün Hemdem kitabına dair kısa okuma notları; okuma listemdeki 11. kitap üzerine samimi bir izlenim. (2017-07-22)
- [Kartvizit Tasarımım](https://omergulcicek.com/notes/kartvizit-tasarimim): Kendi kartvizitimi sıfırdan tasarlayıp basma sürecindeki tasarım tercihleri ve kişisel deneyimlerim. (2017-05-15)

- [RSS: Blog](https://omergulcicek.com/feed.xml): Technical posts
- [RSS: Notlar](https://omergulcicek.com/notes/feed.xml): Personal posts
- [Source code](https://github.com/omergulcicek/omergulcicek.com): This site