App Router in Next.js, laggy routing to subpages, how to get out of this mess?
App Router
React & Next | JavaScript | DSA | UI &UX
I am a software engineer who is fascinated with building exclusive web apps. Ride with me.
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...
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...
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...
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...
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...
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 ...
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...
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.