Convert any title or string into a slug. — Slugify the title or String in JavaScript is sometimes tricky when we work with dynamic stuff, for example, handling the blog title and converting it into a slug. The title is a dynamic string that comes from a database or editor. I created a demo project to show you how…

We are building Sign-up and Sign-in with email, phone, Social Media, Resetting Passwords, and Managing users. — Building Authorization and managing user dashboards with nextjs and reactjs is tricky; it takes too much time and resources to make a whole user dashboard. Now, there is a solution available. You can use a clerk auth. The clerk helps to handle and complete user management and their data.

Check the empty string in JavaScript using if and switch. — In Every project, when we work with strings, we often face a problem with how to check empty strings. There are several ways we can check an empty string in JavaScript. But I can share my two favorite methods, which I frequently use when we work with empty strings. Methods ===…

In the article, do you understand what Outstatic CMS is and how to use it with Next.js and Markdown? — Outstatic CMS is a new static CMS for Next.js. Outstatic CMS is a markdown-based content management static site. Outstatic is an open-source self-host CMS; you can deploy it on the vercel, Netlify, etc. You do not need any database for Outstatic CMS. Outstatic CMS's current version (v0.0.41) only supports the…

Replace the Google fonts with Vercel Geist Fonts in Next.js. — Vercel recently introduced a new font called Gesit fonts. It is a unique design to be used in terminals, code editors, diagrams, and other text-based interfaces where code is rendered. You can easily use geist fonts with the next.js app and page route. To use geist fonts, first, you need…

Compare bun and nodejs runtime based on features. — Bun is a new JavaScript runtime similar to node and deno. Bun is now stable and production-ready. Before starting a comparison, first, we understand the history of Node.js and Bun. Then, we create a comparison. Node.js Node.js is an asynchronous event-driven open-source JavaScript runtime written with C++. Node.js' …

Install the Next.js with create-next-app with Bun. — Bun is a new runtime JavaScript, similar to Node.js. With Bun, You can use create-next-app CLI to generate a new Next.js project in less than 2 min. In a bun, you can use another node library, like tailwind CSS, with Next.js without any additional configuration. If you can install a…

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…