Selected work — all of it live
Everything below is in production right now on nasofi.com. No mockups, no invented client names, no unsourced percentages: every figure is a real capture of a real system you can visit.
Twelve production AI workflows — five of them free, no email — each carrying a pipeline diagram generated from its own step data, so the picture can never drift from the prose. Filters by stack and by free/gated, contrast-verified to WCAG AA in both themes.
An animated six-step pipeline with a self-timestamping log that plays on the homepage. It is the pitch: the site demonstrates that Nabil builds things that run. It replays a capped three times, rests, respects prefers-reduced-motion, and states plainly that the log is illustrative.
A cron job writes one researched journal post a day: it picks the next unwritten topic from a 33-item plan, generates the prose and its hero image, passes a quality gate, builds, deploys, and verifies itself over HTTPS. Runs unattended as a script pipeline — no agent loop to derail.
Every workflow detail page renders its pipeline as a serpentine schematic generated from content data — two layouts swapped by media query so labels never shrink past legibility, one accent on the outcome node, and a text description enumerating every step.
A coupon system that actually works on a static site: clipboard copy with a three-stage fallback chain, verified by an automated functional test that reads the clipboard back and asserts zero console errors.
Every deploy asserts every route, runs a full-DOM contrast sweep in light and dark mode, checks gzip, headers, motion behaviour and console errors, and refuses to ship a stale build. The verification suite is part of the deliverable.
Astro 5, static build — no CMS, no database, no PHP. The fewer moving parts, the fewer ways to break.
Own VPS (Contabo, 6 vCPU / 12 GB), nginx serving the build directory directly, TLS via certbot.
Playwright suites: every sitemap URL, full-DOM WCAG AA contrast in both themes, motion assertions, functional checks, zero-console-error gate.
A daily cron pipeline writes, gates, builds, deploys and verifies a journal post with no human in the loop.
Warm paper and warm ink, one ochre accent, hairlines instead of shadows, measured contrast — no cool grays, no gradients, no glassmorphism.
The same design holds at 390px — fluid type, natural-size diagrams, no horizontal scroll.
