Find all of the Archive posts here.

How I built a Serverless Micro-Blogging Site Using Next.js and Fauna

I have recently built a website for our local developer community Coderplex completely Serverless. We were able to start from scratch and got it launched within just 3 weeks of time.

My 2020 Blogging Journey

I wrote 27 technical articles since Aug 2021, when I started blogging. Most of them are about frontend web development.

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

In this article, I will show you how to use the starter template that I made and deploy it with Vercel. I will also be connecting a Postgres database which I will create on Heroku.

30+ Git Commands That I Frequently Use

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 that you want.

The Lifecycle of React Hooks Component

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.

3 Simple Steps To Setup Authentication in Next.js

In this tutorial, we will see how to easily set up authentication for Next.js apps.

Easily Detect Outside Click Using useRef Hook

Let's see how to detect a click outside of an element using useRef.

How to Create a Reusable LocalStorage Hook

Let's try to create a reusable hook that persists the state using local storage.

React Hooks: Managing State With useState Hook

In this article, we will learn in-depth about useState hook.

React Fundamentals: Styling And Handling Forms

In this article, you will learn about how to do styling in React. You will also learn how to handle forms in React.

React Fundamentals: Creating Custom Components

In this article, we will learn how to create custom components in JSX.

Revamped GitHub Jobs Website Using Design From Frontend Mentor

Welcome to another project showcase. This time, I will be showing the GitHub Jobs project that I did very recently. The design is from FrontendMentor.Io. The website is available at

React Fundamentals: Understanding JSX

In this article, you will learn all about JSX.

React Fundamentals: Intro to React Raw APIs

In this article, You are going to learn the very basics of React.

How I Gave A Modern Look For HackerNews Feed

I made a website showing Hacker News and gave it a modern look.

Javascript You Need To Know For React

In this article, I am going to explain the basic javascript concepts that you may need to know before you start learning React.

My Review of Kent C. Dodds’s EpicReact.Dev: Introduction

Welcome to the new series that I am starting on React called My Review of Kent C. Dodds's EpicReact.Dev. This is the first article in this series and I will start it off with the introduction to what this series will be about.

React Fundamentals

In this article, I will discuss very basic React fundamentals. Knowing basic javascript is good enough to follow along with the article. Even though you have been working with React for some time, you might learn some new things or justifications for certain things that you already know from this article.

Create Your Own Super Simple URL Shortener

In this article, we will see how to create a simple URL shortener. We will be using Netlify Redirects and a package called netlify-shortener.

Why you should start using HSL color format

Let's see about the benefits of using HSL color format over RGB/Hex

TIL: Hyphenate when you justify text

Embed Youtube Videos into Your Markdown Editor

In this article, we will see how to embed youtube videos into the markdown editor.

Babel Plugin To Remove Console Logs In Production

Quickly remove console logs in production using this plugin

Prevent Reverse Tabnabbing Attacks With Proper noopener, noreferrer, and nofollow Attribution

Learn more about noopener, noreferrer and nofollow.

How to Import SVGs into your Next.js Project?

In this article, let's see how we can import SVGs into a Next.js project.

Create New CodePens and CodeSandboxes Instantly With ZERO clicks

Short Links for creating new projects on CodePen/CodeSandbox

Create Custom Markdown Parser

In this article let’s see what it takes to create a markdown editor. I am going to outline exactly the process that I used to create the markdown editor.

Optimize Your Website For Social Media Platforms

Have you ever wondered how Twitter automatically shows the preview of the link in a tweet that you post? Let's see how.

Add Typescript to your Next.js project

It’s very easy to add typescript to a Next.js project. In this post, I will list out steps on how to do so.

This blog is built with

Write on your Notion, and see it live instantly on your blog.

Create your blog for free