Bora Ocaker — Tezgâhtan notlar

Satori ile build sırasında OG görselleri üretmek

boraocaker38@gmail.com (Bora Ocaker) — Mon, 01 Jun 2026 00:00:00 GMT

Bu sitedeki her yazı kendi 1200×630 sosyal kartını alıyor — build sırasında Satori ve resvg ile JSX'ten PNG'ye render ediliyor. Headless Chrome yok, ekran görüntüsü servisi yok, runtime maliyeti yok.

Bir Vite SPA'yı SSR'a geçmeden SEO için prerender etmek

boraocaker38@gmail.com (Bora Ocaker) — Sun, 31 May 2026 00:00:00 GMT

Sitem client-render edilen bir React SPA. Bir crawler'a göre bu neredeyse boş bir body demek. İşte Next ya da bir sunucu benimsemeden, route başına gerçek HTML yazan 200 satırlık post-build script'i.

CMS'siz bir markdown blog — sadece import.meta.glob

boraocaker38@gmail.com (Bora Ocaker) — Sat, 30 May 2026 00:00:00 GMT

Bu blogun veritabanı yok, headless CMS'i yok, içerik API'si yok. Yazılar bir klasördeki markdown dosyaları, build sırasında tek bir Vite özelliğiyle bundle'a çekiliyor. İşte tüm kurulum.

Hiç göndermediğim 700 KB — bir syntax highlighter'ı kırpmak

boraocaker38@gmail.com (Bora Ocaker) — Fri, 29 May 2026 00:00:00 GMT

react-syntax-highlighter, beraberinde geldiği her Prism grammar'ını seve seve bundle'lar. Bu, asla kullanmayacağım yüzlerce kilobayt dil demek. İşte bu blogun ihtiyaç duyduğu birkaçını nasıl kaydettim.

RSS ve JSON feed'leri build sırasında elle yazmak

boraocaker38@gmail.com (Bora Ocaker) — Thu, 28 May 2026 00:00:00 GMT

RSS ölmedi, sadece sessiz. Bu bloga feed eklemek bir build script'i, sıfır kütüphane ve iki spec okumak için bir saat sürdü. İşte RSS 2.0 ve JSON Feed'i elle yazarken öğrendiklerim.

Bir React sitesine router'ı bozmadan i18n eklemek

boraocaker38@gmail.com (Bora Ocaker) — Tue, 26 May 2026 00:00:00 GMT

Bir öğleden sonra portföyüme Türkçeyi nasıl ekledim — react-i18next, sabit sol üst toggle ve router'a tek bir bağımlılık eklemeden.

Hero LCP'mi yarıya indiren tek bir attribute

boraocaker38@gmail.com (Bora Ocaker) — Sun, 24 May 2026 00:00:00 GMT

Background-image içeren bir div, preload tarayıcısına görünmez. fetchpriority="high" taşıyan bir görünür. Geçişi yaptığımda neler değişti.

Tek bir observer ile kritik yoldan çıkardığım 80 KB

boraocaker38@gmail.com (Bora Ocaker) — Fri, 22 May 2026 00:00:00 GMT

hCaptcha ve Web3Forms sadece birisi gerçekten iletişim formunu doldurursa önemli. Her ikisini de form ekrana gelene kadar nasıl geciktirdiğimi — ve Lighthouse puanıma neler kattığını anlatıyorum.

Lenis smooth scroll'u GSAP ScrollTrigger ile senkronlamak

boraocaker38@gmail.com (Bora Ocaker) — Mon, 18 May 2026 00:00:00 GMT

Lenis scroll pozisyonunu ele geçirir. ScrollTrigger scroll pozisyonunu okur. Onları birbirine tanıtmazsan, scrub animasyonların tam kırık hissedecek kadar geri kalır.

WebGL ne zaman yanlış — ve CSS gradient ne zaman doğru

boraocaker38@gmail.com (Bora Ocaker) — Fri, 15 May 2026 00:00:00 GMT

Projects sayfam arka plan olarak animasyonlu bir WebGL ASCII ızgarası kullanıyordu. Harika görünüyordu. 3 yıllık bir Android'de bataryayı yiyor, kareleri düşürüyordu. Mobilde neyle değiştirdim ve neden suçluluk hissetmiyorum.

Aynı hafta inşa edip sildiğim şeyler

boraocaker38@gmail.com (Bora Ocaker) — Tue, 12 May 2026 00:00:00 GMT

Bir branch'e gönderdiğim, bir iki gün yaşadığım ve sonra sessizce kaldırdığım özelliklerin kısa bir listesi. Her biri bu portföyün gerçekte ne için olduğunu bana öğretti.