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…

Github primer is a UI library built on reactjs; it helps design and build websites fast. — I used MUI, react-bootstrap, Chakra UI, and Ant Design UI library as a developer to build a react application. All the library is complicated and provides fewer features than Primer reacts UI. For example, the MUI library is the worst library to build a website. It is too complex for…

The next.config.js file is the most crucial step in learning the next.js. — The next.config.js file is a critical file for nextjs. You configure lots of stuff with the next.config.jsfile. Understanding the next.config.js is essential to learning nextjs with the next.config.js file; adding and updating the existing configuration in nextjs is easy. You only need to spend a little time configuring next.js; …

The createPortal API is an advanced technique of reactjs. — createPortal API is not an advanced method or technique in reactjs. Every beginner or advanced developer easy learn the createPortal API with a simple example. You can achieve the same thing without using the createPortal API. But it provides a rich development experience. All the code is available on GitHub…

Bootstrap is open source library for building a frontend UI. — Fresh is a new framework created and maintained by deno. Deno is an alternative for node.js. Bootstrap is a famous utility library for building frontend UI in websites. The Fresh framework does not provide a custom layout app( _app.tsx). All the code is available on GitHub, and check out the…

List of the open source template list built and maintained by the frontend web community. — We recently created a frontend web organization. Frontend web is an open-source platform for writers and templates. Our motivation is to create an open-source template for nextjs and other platforms like ghost, deno, etc. You can also start contributing journey with the Frontend web. Blogify