Fullstack Engineer from Indonesia. Notes on web dev, deployment, and the occasional rabbit hole.https://yafialhakim.netlify.app/https://yafialhakim.netlify.app/posts/rust-for-frontend-developers-mastering-ownership-borrowing/https://yafialhakim.netlify.app/posts/rust-for-frontend-developers-mastering-ownership-borrowing/If you've ever felt like the JavaScript garbage collector was doing "magic" behind the scenes, Rust is about to pull back the curtain. Moving from a managed memory language to Rust isn't just about leFri, 03 Apr 2026 10:25:47 GMThttps://yafialhakim.netlify.app/posts/rust-for-frontend-devs-variables-mutability-and-shadowing/https://yafialhakim.netlify.app/posts/rust-for-frontend-devs-variables-mutability-and-shadowing/Moving from JavaScript or TypeScript to Rust feels a bit like switching from a sports car with no seatbelts to a high-performance jet—there are more controls, but they're there to keep you from crashiTue, 31 Mar 2026 22:27:59 GMThttps://yafialhakim.netlify.app/posts/mastering-the-foundations-of-rust-a-guide-for-frontend-developers/https://yafialhakim.netlify.app/posts/mastering-the-foundations-of-rust-a-guide-for-frontend-developers/Before diving into dynamic collections like vectors, the sources outline a specific progression of core concepts that every Rust programmer should understand. Coming from a frontend background where mTue, 31 Mar 2026 02:22:09 GMThttps://yafialhakim.netlify.app/posts/engineering-a-better-auto-perfect-guard-for-sword-and-shield-in-monster-hunter-wilds/https://yafialhakim.netlify.app/posts/engineering-a-better-auto-perfect-guard-for-sword-and-shield-in-monster-hunter-wilds/Learning 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...Thu, 05 Feb 2026 11:06:39 GMThttps://yafialhakim.netlify.app/posts/deploy-nextjs-15-and-express-backend-to-cpanel-a-battle-tested-guide/https://yafialhakim.netlify.app/posts/deploy-nextjs-15-and-express-backend-to-cpanel-a-battle-tested-guide/What 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 ...Tue, 27 Jan 2026 12:58:04 GMThttps://yafialhakim.netlify.app/posts/building-a-universal-scroll-to-hook-in-react-and-nextjs/https://yafialhakim.netlify.app/posts/building-a-universal-scroll-to-hook-in-react-and-nextjs/On 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...Sun, 11 Jan 2026 08:42:01 GMThttps://yafialhakim.netlify.app/posts/matching-image-height-to-dynamic-content-with-css-grid/https://yafialhakim.netlify.app/posts/matching-image-height-to-dynamic-content-with-css-grid/Have 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...Sun, 11 Jan 2026 08:40:10 GMThttps://yafialhakim.netlify.app/posts/how-to-create-a-performant-listening-table-of-contents-in-react/https://yafialhakim.netlify.app/posts/how-to-create-a-performant-listening-table-of-contents-in-react/Building 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...Sun, 11 Jan 2026 08:36:19 GMThttps://yafialhakim.netlify.app/posts/deploying-react-router-v7-with-docker-to-vps-a-complete-cicd-guide/https://yafialhakim.netlify.app/posts/deploying-react-router-v7-with-docker-to-vps-a-complete-cicd-guide/Introduction Deploying a modern React Router v7 application to production requires more than just copying files to a server. In this comprehensive guide, I'll walk you through the complete deployment setup I use for my portfolio, including Docker con...Sun, 11 Jan 2026 08:23:41 GMThttps://yafialhakim.netlify.app/posts/my-first-open-source-contribution-translating-reactjs-pages-to-indonesian-language/https://yafialhakim.netlify.app/posts/my-first-open-source-contribution-translating-reactjs-pages-to-indonesian-language/Hi, I'm Yafi, and I recently had the opportunity to contribute to the open-source project ReactJS by translating some of its pages to Indonesian language. In this post, I'll share my experience with you and explain why I think contributing to open-so...Wed, 07 Aug 2024 02:02:34 GMT