Understand client and server action. — Reactjs comes with three release channels. The first is stable and canary, and the last is Experimental. Reactjs directive is a new feature introduced in React 18, and the current reactjs directive is part of a canary release. Reactjs directives are part of the Reactjs server component. …

Generate sitemap, robots, and manifest.json files in the Next.js app router without installing a third additional NPM package. — The Sitemap and robots.txt files are standard files; everybody knows why we need them. Special sitemap.xml file. In the previous Next.js pages router, you depend on a third-party package to generate a sitemap, robots, and manifest file. In the Next.js app router, you do not need to install any third-party…

Enable Tailwind CSS with PostCSS in the tsup bundler. — Tsup bundler is a popular bundler among the typescript developer. A lot of people use the Tsup bundle to build their typescript projects. In the previous article, I wrote a detailed guide on how to use the tsup bundler, and one thing I should have written about is How to…

These API lists will be removed in a future major version of Reactjs. — Reactjs is a famous library for building UI with reusable components. Reactjs have an extensive ecosystem for developers, contributors, and the company. Soon, Reactjs removed or deprecated the Following API list, which API no longer uses now. Only those libraries face the trouble, which depends on the old codebase. …

App route is the future of Next.js, and You can deploy the Next.js application with the app router on GitHub pages. — You can deploy your Next.js app router application on GitHub pages within five minutes. If you read my previous article on deploying the Next.js app on GitHub pages. But there are problems in the nextjs app router—the configuration of nextjs is slightly different from nextjs pages.

Install and set up the Radix themes. — The Radix UI team launched a new library called Radix Themes. Previously In Radix UI, You downloaded or installed the Radix component individually according to your project requirement. If you require a dialog component or aspect ratio, you can easily install Separately one by one. # Dialog npm install @radix-ui/react-dialog # Aspect…

Details guide on installing MUI with Next.js app router and how to toggle theme light to dark with MUI and Next.js app router. — Material UI is a famous UI among reactjs developers; everybody knows about Material UI. Many companies and individual developers use material UI in their websites to build website frontend UI. Last month, Next.js announced app router is stable and production-ready. MUI provides support or an installation guide for the Next.js…

Start your contributing January with Explore GitHub repository — Explore GitHub Or GitHub Explore is an official GitHub repository created and maintained by GitHub. The GitHub Explore is where you explore GitHub and find some interesting projects.

Add Bootstrap to your Next.js app. — Bootstrap is an extensive CSS framework, easy to use, zero-configuration, and many people use Bootstrap to build a website. Next.js is introduced, a new app router structure similar to pages but app router better than pages router structure. The app router is now stable and production-ready, according to the Next.js…