Mastering Unit Testing with Jest in Modern JavaScript & ReactUnit testing is one of those practices that separates “code that works today” from “code that survives tomorrow.” With tools like Jest and React Testing Library, writing reliable unit tests has become not only easier but essential in modern React/Nex...Sep 11, 2025·4 min read
🚀 Rendering 1 Million Rows in the Browser – The Right Way1. Introduction Let’s be blunt: you cannot (and should not) render 1 million items directly into the DOM with React (or vanilla JavaScript) and expect it to run smoothly.The browser simply isn’t built for that kind of brute-force rendering. In this a...Aug 11, 2025·3 min read
A Day in My Life – Just Another Dev DayI usually wake up around 8, or 8:30 if I stayed up too late coding the night before (which happens more often than it should). First thing I do is check my phone – not for messages, but to see if any PRs got comments overnight, or if someone in the t...Aug 8, 2025·3 min read
How to Optimize Image Rendering on Next.js ServersGoal: Optimize image before the first user accesses, reduce server load, reduce TTFB + increase LCP score ( better SEO ). Pre-generate image by script (sharp) Pre-generate image like as Vercel often do it. Example: // scripts/resize-images.ts im...Apr 21, 2025·2 min read
Input validation testing - WSTG-INPVWSTG-INPV (Input Validation Testing), which is a section of the OWASP Web Security Testing Guide (WSTG). Input validation testing is a critical component of web application security testing that focuses on how applications handle user inputs. The OWA...Mar 4, 2025·8 min read
OWASP Guide ProjectTesting Checklist WSTG-CONF - Configuration and Deploy Management Testing WSTG-CONF-01 Test Network Infrastructure Configuration WSTG-CONF-02 Test Application Platform Configuration WSTG-CONF-03 Test File Extensions Handling for Sensitive Inform...Mar 4, 2025·4 min read
Practical security implementation guidesCORS - Cross-origin Resource Sharing CSP - Content Security Policy CORP - Cross-origin Resource Policy HTTP Headers 1. Enforce HTTPS If you're deploying your app, make sure your backend only allows HTTPS requests. ✅ In Next.js, you don't need...Mar 4, 2025·3 min read
