Using React Hot Toast in Next Js / React
Toast notifications are important everywhere no matter it is web apps or mobile apps although there are 100s Toast libraries for React JS or React Based frameworks like…
Set-up Shadcn UI in Next JS
There are 100s of UI Libraries like Material UI, Chakra UI, Bootstrap, etc. while using these libraries we have to Install whole library and only then we can…
Delete Node Modules Like a PRO
You might have heard the joke that node_modules is the heaviest object in the universe. So node modules are good or bad, I do not know maybe it’s…
Using Sonner Toast in Next Js / React
Sonner is an excellent React component for displaying Toast messages in Next.js or React.js apps. While there are similar packages like React Toastify that also facilitate the display…
How To Install MongoDB on Windows
MongoDB is an excellent choice for a NoSQL database, with great features MongoDB also gives comfortability hosting like MongoDB atlas which is a cloud service from MongoDB company…
How to Use Ant Design in React
Ant Design is a popular React UI library that provides a set of high-quality components and design guidelines for building modern and responsive web applications. While it’s most…
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…
Create Custom Modal in React with Tailwind CSS
Modals are beneficial components for showing special messages to the visitor of your website, Although there are ready-made components for react on NPM, building our own custom modal…
Carousel in React/Nextjs with react-responsive-carousel
Carousels are very common elements used on websites to show sliding cards you can see below Carousels can have different styles, layouts, sizes, and behaviors like autoscrolling and…