Subscribe to my newsletter and never miss my upcoming articles

Next.js Starter Template With Authentication + React 17 + TypeScript + Tailwind CSS 2 + ESLint

Nov 21, 20208 min read

Hello World 👋 Next.js has become my go-to framework for almost every project that I make. So, I made a starter template that I can just use and get started easily. In this article, I will show you how to use the starter template that I made and depl...

30+ Git Commands That I Frequently Use

Nov 13, 20208 min read

Hello World 👋 In this article, I will list out all the git commands that I use very frequently. This is not in any way a complete list, just the commands that I use very often. This is intended to be used as a quick reference to perform an action th...

The Lifecycle of React Hooks Component

Nov 10, 202014 min read

Hello World 👋 In this article, we will see the order in which different useEffect callbacks and cleanups happen. We will also see how it differs when the app mounts, unmounts, updates. This image is taken from https://github.com/donavon/hook-flow...

3 Simple Steps To Setup Authentication in Next.js

Nov 5, 20205 min read

Hello World 👋 In this tutorial, we will see how to easily set up authentication for Next.js apps. Step 1. Create Next.js application yarn create next-app next-auth # npx create-next-app next-auth This will create a new Next.js application. You can ...

Easily Detect Outside Click Using useRef Hook

Nov 2, 202012 min read

Hello World 👋 Hooks are special types of functions in React that you can call inside React functional components. They let you store data, add interactivity, and perform some actions, otherwise known as side-effects. The most common hooks are: useS...

How to Create a Reusable LocalStorage Hook

Oct 29, 202010 min read

Hello World 👋 Hooks are special types of functions in React that you can call inside React functional components. They let you store data, add interactivity, and perform some actions, otherwise known as side-effects. The most common hooks are: useS...