App Router in Next.js, laggy routing to subpages, how to get out of this mess?
App Router
Jul 21, 20253 min read
Command Palette
Search for a command to run...
Latest articles
Understanding CSS Utility Classes
CSS utility classes provide a way to apply specific styles directly in your HTML through class names. Each class typically controls a single CSS property. Let me explain each of these utility classes in depth: Positioning and Display Classes relative...
Feb 28, 20255 min read
Why not prop drilling?
Prop drilling can be a good practice and for smaller apps and a bad practice for bigger apps; so what is prop driling? Prop drilling refers to the practice of passing props through multiple levels of components that don't actually use these props, ju...
Feb 28, 20253 min read
Husky programming
Husky is a popular tool that simplifies the setup and management of Git hooks, allowing developers to automate tasks and improve code quality. Here’s a breakdown of husky programming: Key Concepts Git Hooks: Scripts that run at specific points in th...
Dec 1, 20242 min read
React.js 101
What is React.js? React.js is a powerful open source JavaScript library used for building interactive UIs and single page applications. React focuses on the "View" in the Model-View-Controller (MVC) architecture. It provides a declarative and compone...
Nov 26, 20243 min read
Browser APIs; Web storage, DOM, Fetch, and Geolocation.
While writing Next.js, I encountered a bug that was a result of a browser API (Local Storage) being rendered on the server and thus I decided to deep dive into some of the browser APIs to get versed knowledge just out of curiosity. Here is curated do...
Nov 26, 20244 min read
Rendering in Next.js
Next.js utilizes the hybrid approach of both server-side rendering and client-side rendering. In this blog, I deep dive into the ins and outs of component rendering ,ride with me. Unearthing SSR vs CSR A friend told me “That's the building block for ...
Nov 26, 20242 min read
SSR VS CSR in Next.js
This blog comes out as a result of a build error I experienced when server-side rendering was being done on my sign-up component, My component had a browser API (web storage API - Local storage) I got a build error because SSR cannot go through for c...
Nov 26, 20242 min read
React state and simplified logic.
The bug was that i wanted the close and hamburger icon to toggle the sidebar for mobile devices from within the navbar using ternary operators.
Nov 13, 20247 min read