https://boraocaker.com/en/blog Short technical notes about React, performance, GSAP and the messy reality of shipping web work. en-US Tue, 02 Jun 2026 15:10:32 GMT Hand-rolled at boraocaker.com https://boraocaker.com/en/blog/og-images-with-satori https://boraocaker.com/en/blog/og-images-with-satori Mon, 01 Jun 2026 00:00:00 GMT Every post on this site gets its own 1200×630 social card, rendered from JSX to PNG at build time with Satori and resvg. No headless Chrome, no screenshot service, no runtime cost. og satori build seo boraocaker38@gmail.com (Bora Ocaker) https://boraocaker.com/en/blog/prerendering-a-vite-spa https://boraocaker.com/en/blog/prerendering-a-vite-spa Sun, 31 May 2026 00:00:00 GMT My site is a client-rendered React SPA. To a crawler that's a near-empty body. Here's the 200-line post-build script that writes real HTML per route — without adopting Next or a server. seo vite prerender boraocaker38@gmail.com (Bora Ocaker) https://boraocaker.com/en/blog/markdown-blog-with-vite-glob https://boraocaker.com/en/blog/markdown-blog-with-vite-glob Sat, 30 May 2026 00:00:00 GMT This blog has no database, no headless CMS, no content API. Posts are markdown files in a folder, pulled into the bundle at build time by one Vite feature. Here's the whole setup. vite markdown react boraocaker38@gmail.com (Bora Ocaker) https://boraocaker.com/en/blog/trimming-syntax-highlighter https://boraocaker.com/en/blog/trimming-syntax-highlighter Fri, 29 May 2026 00:00:00 GMT react-syntax-highlighter will happily bundle every Prism grammar it ships with. That's hundreds of kilobytes of languages I'll never use. Here's how I registered only the handful this blog needs. performance bundle react boraocaker38@gmail.com (Bora Ocaker) https://boraocaker.com/en/blog/hand-rolling-rss-and-json-feeds https://boraocaker.com/en/blog/hand-rolling-rss-and-json-feeds Thu, 28 May 2026 00:00:00 GMT RSS isn't dead, it's just quiet. Adding a feed to this blog took one build script, no library, and about an hour of reading two specs. Here's what I learned writing RSS 2.0 and JSON Feed by hand. rss build seo boraocaker38@gmail.com (Bora Ocaker) https://boraocaker.com/en/blog/react-i18n-without-routing https://boraocaker.com/en/blog/react-i18n-without-routing Tue, 26 May 2026 00:00:00 GMT How I added Turkish to my portfolio in an afternoon — react-i18next, a fixed top-left toggle, and zero new dependencies on the router. react i18n vite boraocaker38@gmail.com (Bora Ocaker) https://boraocaker.com/en/blog/hero-lcp-fetchpriority https://boraocaker.com/en/blog/hero-lcp-fetchpriority Sun, 24 May 2026 00:00:00 GMT A background-image div is invisible to the preload scanner. An <img> with fetchpriority="high" isn't. Here's what changed when I made the swap. performance lighthouse react boraocaker38@gmail.com (Bora Ocaker) https://boraocaker.com/en/blog/lazy-third-party-scripts https://boraocaker.com/en/blog/lazy-third-party-scripts Fri, 22 May 2026 00:00:00 GMT hCaptcha and Web3Forms only matter when someone actually submits the contact form. Here's how I delayed both until the form was on screen — and what that did to my Lighthouse score. performance react lighthouse boraocaker38@gmail.com (Bora Ocaker) https://boraocaker.com/en/blog/lenis-gsap-scrolltrigger https://boraocaker.com/en/blog/lenis-gsap-scrolltrigger Mon, 18 May 2026 00:00:00 GMT Lenis hijacks the scroll position. ScrollTrigger reads the scroll position. If you don't tell them about each other, your scrubbed animations drift exactly enough to feel broken. gsap lenis scroll react boraocaker38@gmail.com (Bora Ocaker) https://boraocaker.com/en/blog/webgl-vs-css-mobile https://boraocaker.com/en/blog/webgl-vs-css-mobile Fri, 15 May 2026 00:00:00 GMT My projects page used an animated WebGL ASCII grid as a background. It looked great. On a 3-year-old Android, it ate the battery and dropped frames. Here's what I replaced it with on mobile, and why I'm not feeling guilty about it. performance webgl css mobile boraocaker38@gmail.com (Bora Ocaker) https://boraocaker.com/en/blog/things-i-built-and-deleted https://boraocaker.com/en/blog/things-i-built-and-deleted Tue, 12 May 2026 00:00:00 GMT A short list of features I shipped to a branch, lived with for a day or two, and then quietly removed. Each one taught me something about what this portfolio is actually for. design restraint decisions boraocaker38@gmail.com (Bora Ocaker)