@chirag-gupta

Using Intersection Observer API in React

Oct 14, 2023 · 4 min read · This article is about using the Intersection Observer API to enhance the visual experience of web applications. We will see the usage of this API in both HTML/CSS projects and React applications. What is Intersection Observer API? (with a working exa...

Zod for Runtime Validation in Next.js

Sep 7, 2023 · 4 min read · Introduction Zod is a runtime validation library suitable for both backend and frontend. This article will guide you through utilizing Zod in Next.js for securing API routes and performing input validation. Zod vs. TypeScript Typescript's purpose is ...

Authentication in Next.js using NextAuth.js

Sep 4, 2023 · 6 min read · If you are a front-end developer, thinking about authentication can be quite challenging. In authentication, from storing JWT in local storage to managing cookies, we consider it all. NextAuth.js is currently the most popular library for handling aut...

How to solve hydration error in Next.js

Aug 14, 2023 · 3 min read · If you recently transitioned from using React to Next.js, you must've encountered this error "Error: Hydration failed because the initial UI does not match what was rendered on the server". Let's understand why this error usually occurs and how to so...

How code works in JavaScript part-2(understanding scope & scope chain)

Sep 15, 2021 · 4 min read · Scope and scope chain are some fundamental concepts of JavaScript , which helps us understand how JavaScript works. Learning about these concepts can improve our debugging skills. Scope Scope refers to a space or an area in which a particular variabl...