Posts

How I Achieved a 100% Lighthouse Score on My Portfolio Website

In this blog, I share my journey of achieving a 100% Lighthouse score on my portfolio website using Next.js. I'll walk you through the optimizations I made in key areas like performance, accessibility, SEO, and best practices. From handling image optimization and lazy loading to improving caching strategies and fixing render-blocking resources, I’ll break down the steps I took to enhance my website. Whether you’re a beginner or an experienced developer, this guide offers valuable insights and practical tips for maximizing your Lighthouse score and creating a faster, more accessible web experience.

Truthy and Falsy Values in JavaScript

Learn about truthy and falsy values in JavaScript, key concepts for writing efficient code. This blog explains how different values like false, 0, null, undefined, and NaN are considered falsy, while others are truthy. Explore examples, common use cases like default parameters, conditional rendering, and JavaScript's type coercion. Perfect for developers seeking a clear understanding of how truthy and falsy values impact conditional logic in JavaScript..

Understanding the Conditional (Ternary) Operator in JavaScript

JavaScript offers several ways to write conditional statements, but one of the most concise and commonly used methods is the ternary operator. Often referred to as a shorthand for if-else, the ternary operator allows you to write clean and compact conditional expressions.

Understanding the Nullish Coalescing Operator (??) in JavaScript

JavaScript is a language that continuously evolves, introducing new features that enhance its capabilities and make coding more intuitive. One of the relatively recent additions is the nullish coalescing operator (??). If you've been using JavaScript for a while, you've likely encountered scenarios where you need to assign default values to variables when they are null or undefined. This is where the ?? operator shines.

Step by step guide to setup infinite loading in NextJs

In this post, we will learn how to implement infinite loading in a NextJs application using the Intersection Observer API.

Introduction to MDX

MDX is a powerful tool that allows you to write JSX in your Markdown files. This post will introduce you to the basics of MDX.

Introduction to NextJs

NextJs is a powerful React framework that makes it easy to build server-rendered React applications. This post will introduce you to the basics of NextJs.