·4 min read
How to force dark mode with zero flash of the wrong theme
Why JavaScript-based theming causes a flash of the wrong theme on static sites, and how baking class="dark" into index.html fixes it before any JS runs.
❯grep -rl "#ssg" ./posts
#ssg
6 posts
·5 min read
Building a CRT-terminal portfolio with React 19 and vite-react-ssg
How I built a fully prerendered, horizontally-scrolling terminal-themed portfolio with React 19 and vite-react-ssg — and the constraints that shaped every decision, from direct DOM mutation to sr-only crawler mirrors.
·5 min read
How to make typing animations SSG-safe and hydration-friendly
A typewriter effect that starts from an empty string breaks prerendering and causes hydration mismatches. The fix: seed state with the full text, then replay the typing on the client as pure decoration.
·4 min read
How to keep your React code SSG-safe by avoiding browser globals
window, document and localStorage don't exist in Node — so touching them at render time crashes a prerendered build. Here's the rule for keeping React SSG-safe, and the useIsMobile pattern that reads window only inside an effect.
·5 min read
How to improve SEO for a client-side React + Vite app with vite-react-ssg
A normal React + Vite app ships an empty HTML shell, which is bad for SEO. Here's how to prerender the real content at build time with vite-react-ssg — the single-page entry, the build script, and how hydration takes over.
·4 min read
How to build an SSR-safe React error boundary
Build a class-based React error boundary that catches render crashes, shows a recovery UI, and stays safe under static prerendering — no browser globals during render.