CREATIVE.ENGINEER.

Field Notes — /var/log/leyra‹ Notes

📌 Making a portfolio legible to AI agentsJul 17, 2026Field Notesllms.txt, markdown mirrors of every case study, a schema.org profile endpoint and a For Robots page — how leyra.es became machine-readable without losing its soul.
A DVD-bounce nav that Google can still readJul 10, 2026AdvertisingThe /advertising index is a DVD-screensaver of client logos. Under the animation it is a plain list of links — how the gimmick stays crawlable.
The single-word preloaderJun 28, 2026Field NotesCREATIVE. ENGINEER. Two words, once per session, server-rendered so the navbar never flashes. Notes on shipping calm.
Vibe coding this site with Claude CodeJun 20, 2026Vibe CodingThe working setup behind leyra.es: one repo, agent sessions with full context, handoff documents between sessions, and taste as the only spec.

June 28, 2026 · Field Notes · preloader / SSR / craft

The single-word preloader

The site opens with two words cross-fading in giant Helvetica: CREATIVE. ENGINEER. It runs once per session and never again — sessionStorage gates it.

The interesting bug: the preloader used to mount after hydration, so the navbar flashed for a frame before the white screen covered it. The fix was to render the preloader visible in the server HTML and let JavaScript only remove it. SSR-first even for a loading screen.

Verdict

A preloader is a promise about the rest of the site. Keep it under two seconds and make it typographic.