Using Notistack in Nextjs | React js
Showing toast messages in react apps is a common feature to add, as it’s one of the quickest ways to give feedback to users. There are many toast…
Find and Remove Unused NPM Packages from Your Project
While building apps in an NPM environment it’s easy to accumulate lots of NPM packages in our app that we don’t even need, these package slows down our…
Using Lucide React Icons in Nextjs | React js
Lucide offers a sleek and versatile icon library that seamlessly integrates with your Next.js or React applications. Let’s explore how to leverage Lucide for beautiful, customizable icons: Lucide…
Best Icon libraries for React / Next js
There are 100s of icon libraries for React JS or Next JS, and choosing the right icon library for your project can make a significant impact on your…
Scroll Progress Bar in Next js /React
A scroll progress bar is a visual indicator that shows how far a user has scrolled down a web page. In this tutorial, we are going to create…
Use Modal in React / Next js with react-modal component
Modals or PopUps are a great way to show some urgent and important information when a user visits a website, I have implemented a custom Modal using my…
Using React Toastify in Next Js / React
React Toastify lets you add toast/notifications to your application within minutes, and using it is relatively easy. It provides so much customization that you feel like it’s an…
How to Create Your First Chrome Extension
There are around 200 thousand Chrome extensions already available for all kinds of situations so what might be the reason to develop your own new Chrome extension, well…
How To Use react-icons in React Js or Next Js app
Using Icons on a website makes it look so beautiful and easy to navigate, and if we are building one with React Js or any React-based frameworks like…
How To Upgrade Existing Projects To Next Js 13
Upgrade your existing next js projects to next js 13, with simple steps recommended by Vercel like comdemod