Why I Didn’t Let AI Handle My Scroll Animation: Astro, React, and TypeScript Architecture

Building the Necoz B.V. corporate website required carefully separating responsibilities across Astro, React, and TypeScript — using each tool only where it made sense. The trickiest part was scroll-driven animation, where AI helped generate rough drafts but failed on timing and rhythm. Virtual scrolling, direct DOM measurement, and separate animation state gave full control over how motion felt across desktop and mobile.