Short notes and the occasional deep-dive — knowledge dumped while building.https://fuzail-portfolio.pages.dev/https://fuzail-portfolio.pages.dev/blog/https://fuzail-portfolio.pages.dev/blog/Adding Astro's ClientRouter for page transitions broke two things silently. Bundled <script>s stop re-executing on a swap — so a form's submit handler bound on first load never attaches on a page you navigate *into*; it just does nothing. And a React island holding global state (a Lenis scroll instance) leaks a second copy per navigation, because the view-transition DOM swap bypasses React's unmount, so cleanup never runs. Fixes: rebind handlers on `astro:page-load`, and `transition:persist` any island that owns global state.Sun, 28 Jun 2026 00:00:00 GMTastroview-transitionslenishttps://fuzail-portfolio.pages.dev/blog/https://fuzail-portfolio.pages.dev/blog/Made admin accounts 'management-only' on a storefront (they manage, they don't buy). It took two layers: a server-side guard that 403s any admin cart/order/wishlist write — the actual gate — and frontend hooks that hide add-to-cart/checkout and redirect admins off the shopping routes. The frontend half is pure UX; a crafted API call still has to clear the guard. Easy to conflate the two and ship only the cosmetic half. Verified both: admin gets 403 on the API, and sees zero shopping controls in the browser.Sun, 28 Jun 2026 00:00:00 GMTnestjsremixrbacsecurityhttps://fuzail-portfolio.pages.dev/blog/https://fuzail-portfolio.pages.dev/blog/Made a hero's glass orb scroll-reactive by rotating its group — and the portrait plane inside it, a flat billboard meant to always face the camera, sheared into noise as you scrolled. Obvious in hindsight: a camera-facing plane stops facing the camera the instant a parent transform rotates it. Keep billboards out of any rotated parent — rotate the shell, not the group holding the face. Translation and uniform scale are safe; rotation isn't.Sun, 28 Jun 2026 00:00:00 GMTthree.jsr3fwebglhttps://fuzail-portfolio.pages.dev/blog/https://fuzail-portfolio.pages.dev/blog/Spent a while baffled that `make stop` freed port 3000 yet the dev server kept logging requests. The culprit: `nest start --watch` (and `vite`/`remix vite:dev`) are watcher *parents*. Killing the process bound to the port just makes the watcher respawn a fresh child and re-bind the port. Fix: kill the watcher first — `pkill -f "nest start --watch"` — then free the ports. A bare port-kill against a live watcher is futile.Sun, 28 Jun 2026 00:00:00 GMTmakenestjsvitedxhttps://fuzail-portfolio.pages.dev/blog/https://fuzail-portfolio.pages.dev/blog/Deploying with `--branch x` gives you `x.<project>.pages.dev`, but it lives inside the same project. To get a clean `project-t.pages.dev` hostname you need a whole separate Pages project — and deleting the old branch deployment needs `--force` if it has an active alias.Sun, 28 Jun 2026 00:00:00 GMTcloudflaredevopswranglerhttps://fuzail-portfolio.pages.dev/blog/welcome/https://fuzail-portfolio.pages.dev/blog/welcome/A low-friction place to dump what I learn while building — short notes by default, an occasional deep-dive when something deserves one.Sun, 28 Jun 2026 00:00:00 GMTmetahttps://fuzail-portfolio.pages.dev/blog/https://fuzail-portfolio.pages.dev/blog/Headless Chromium falls back to SwiftShader (software GL), and a transmission orb at samples=8/detail=18 just renders black with no error. Dropping to samples=6/detail=14 keeps it alive on low-end GPUs — and always test the reduced-motion fallback separately.Sat, 27 Jun 2026 00:00:00 GMTthree.jsr3fwebgl