yafi.hashnode.devEngineering a Better Auto Perfect Guard for Sword & Shield in Monster Hunter WildsLearning from Existing Mods and Building a Better Auto Perfect Guard for SnS When I decided to build an Auto Perfect Guard for Sword & Shield (SnS) in Monster Hunter Wilds, I didn’t start by writing code. I started by reading other people’s code. The...Feb 5·4 min read
yafi.hashnode.devDeploy Next.js 15 & Express Backend to cPanel: A Battle-Tested GuideWhat I learned from a frustrating but educational deployment journey Deploying modern JavaScript frameworks to traditional cPanel hosting can feel like fitting a square peg into a round hole. After hours of debugging EAGAIN errors, CORS issues, and ...Jan 27·6 min read
yafi.hashnode.devBuilding a Universal "Scroll-To" Hook in React & Next.jsOn a landing page, navigation usually involves smooth scrolling to sections. However, once you add multiple pages (like a Blog or FAQ), a simple element.scrollIntoView() isn't enough. You need a way to navigate back to the home page and then scroll t...Jan 11·3 min read
yafi.hashnode.devMatching Image Height to Dynamic Content with CSS GridHave you ever built a split-screen layout where one side is a long form, and the other is an image? Often, the image either fails to fill the vertical space or creates unwanted white space. The "Magic" solution involves a combination of CSS Grid's St...Jan 11·2 min read
yafi.hashnode.devHow to Create a Performant "Listening" Table of Contents in ReactBuilding a Table of Contents (TOC) that "listens" to your scroll position is a great way to improve UX, especially for long-form content like Terms and Conditions or Documentation. In this guide, we’ll build a TOC that highlights the active section a...Jan 11·3 min read