Using Intersection Observer API in ReactThis 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...Oct 14, 2023 · 4 min readchirag-gupta.hashnode.dev
Zod for Runtime Validation in Next.jsIntroduction 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 ...Sep 7, 2023 · 4 min readchirag-gupta.hashnode.dev
Authentication in Next.js using NextAuth.jsIf 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...Sep 4, 2023 · 6 min readchirag-gupta.hashnode.dev
How to solve hydration error in Next.jsIf 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...Aug 14, 2023 · 3 min readchirag-gupta.hashnode.dev
How code works in JavaScript part-2(understanding scope & scope chain)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...Sep 15, 2021 · 4 min readchirag-gupta.hashnode.dev
