Space Journal
Notes on the technology behind this site, written by the person who built it — GSAP and scroll-driven motion, hand-written WebGL shaders, a CSS3D hybrid rendering technique, the Next.js static-export architecture, and the rest of the stack, one log entry per topic.
How GSAP drives scroll-linked motion and section navigation across my builds — from ScrollTrigger reveals to a fully custom, camera-driven scroll system.
Hand-written GLSL shaders and Three.js scenes for custom 3D web experiences — nebulas, starfields, and real-time lighting, built from scratch rather than assembled from a template.
Real, accessible DOM content placed inside a genuine 3D WebGL scene using Three.js's CSS3DRenderer — text stays selectable and crawlable even while it orbits in 3D space.
Next.js App Router compiled to a fully static site — output: 'export' — with no server process, no cold starts, and nothing left to patch at 2am.
Every component, hook, and shared module here is typed end-to-end — catching state-shape mismatches between independent systems before they ship, not after.
Tailwind v4 for fast, consistent layout work — paired with hand-written CSS for the parts (3D stacking, custom shader overlays, keyframe animation) that need pixel-level control a utility class can’t express.
Static builds pushed straight to Cloudflare's edge network via Wrangler — fast first-byte times worldwide, and nothing running that needs a server bill or a patch schedule.
Structured data, sitemaps, and semantic metadata treated as part of the build from day one — not a checklist run the week before launch.