Notes on Building This Site

The site you're on is built with Next.js 16 (App Router) on Vercel, with Supabase backing the music catalogue. The frontend is intentionally minimal — DM Mono everywhere, no shadcn, no Tailwind beyond v4 tokens. I wanted everything to feel hand-laid.

The two-column infinite-scroll on the homepage was the biggest puzzle. CSS keyframes animate the track in steady state; on hover, JavaScript takes over so wheel input can deflect it. The trickiest piece was making the handoff between modes seamless — the animation pauses at the exact translateY where JS picks up, then re-resumes from that progress when JS releases.

Mobile gets its own layout entirely. Snap-scroll sections, a hero card with the same waveform, two-column scrolling cards mirroring desktop. I drafted a single-responsive-grid version first; it felt apologetic. Two distinct designs felt honest.

More technical writeups coming as I find time.