Design a Modern website with Mantine UI and Hooks. — I used so many UI component libraries in my past life as a front-end developer. Last Time I was impressed with Github Primer, and I never did something like that. But recently found one more library that changes my life. It provides many features out of the box, and no…

List of React Hooks That save your time during project development. — I recently found a fully featured rich React components library that provides many packages. I used many libraries as a frontend developer, for example, GitHub Primer, Radix UI, etc. But no one gives a tuff competition to Mantine Library. It is a mind-blowing library. It compiles everything in one library. …

Enable the search functionality with the command + K interface. — Now a day, the web is faster and more feature-rich. One of my favorite features is the command + k interface. It increases user interaction and engagement out of the box. The command + k interface creates a theme toggle, search bar, navigation, etc., on your site. …

Coming New Mental issues for a frontend developer — Frontend alternative is a new big problem or mental issue for a frontend developer in upcoming years. Some people strongly disagree with me. But after reading my article, you consider too many available packages and libraries for the frontend developer to be a big issue and burden for developers mentally…

The future of nextjs publication — Hi, My name is Rajdeep Singh. I’m the current maintainer of the nextjs publication. I am running two publications in medium one is nextjs, and the second is frontend web. Managing two publications is difficult, so I merged the nextjs publication with the frontend web. For the future, I’m more focused on growing the Frontend web as an open-source community. Please understand my problem and situation. Please leave the publication.

A detailed guide to Progressive Web Apps: How to use it with nextjs and publish on Google play store, Microsoft store, Meta Quest, and Apple play store. — Progressive Web Apps (PWAs) are just regular websites; with the help of PWA, you enable or add some additional functions to your regular web application. PWA helps to provide installation functionality on your regular website. After enabling PWA, you install your web into android, IOS, and desktop, and the good…

Enabling light and dark modes with Nextjs, tailwind css, radix-ui, and flowbite — Now a day, Enabling light and dark themes is an important phase in frontend development. Especially you and your teammate use tailwind css with nextjs, then enable the theme toggle functionality. It takes only 5 to 10 mint. I teach you how to enable dark and light modes and toggle…

Built the website with Tailwind CSS, Radix UI, and Nextjs — Radix UI is an open-source UI component library for building high-quality, accessible design systems and web apps with reactjs. You can build anything with Radix UI, But the most important thing about Radix UI is that it provides a very rich user experience without installing a whole library. Radix UI…

Understanding the Multiple ( Nested) layouts and how it works with the Next 13 app folder. — The layout is an essential step in building a website. Nextjs provide a _app.js file to help to create a layout for your website. For multiple layouts, what I’m doing with nextjs? I know multiple layouts are significant for large-scale websites. Nextjs help to build a multiple-layout website very quickly…