The Windi CSS is a fantastic alternative to Tailwind CSS. — Windi CSS is similar to tailwind CSS. Therefore, you can use the same tailwind class with windi CSS. The main difference is tailwind CSS, built with postcss, and windi CSS, built with typescript. According to the Windi css creator, tailwind css has inspired me to make windi css. You can…

Generate Open Graph image in nextjs using satori. — Vercel introduced the new Nextjs OG Image functionality built with satori. Satori is a new library That converts HTML to png or SVG, and satori was created and maintained by vercel. OG Image Generation is lightweight and runs on vercel Edge. That means you can genrate OG Images for all…

Adding any google fonts in nextjs 13, with two lines of code. — Nextjs 13 now introduce font Optimitaion automatically, using the@next/font package. Nextjs 13 does not send extra external network requests to google fonts. It helps to optimize the performance and stability of the website. Does not face a layout shift error in nextjs which is more important for SEO. There is…

Now Nextjs team fix the require <a> issue in link component. — The link component is the big frustrating code part in nextjs—the link component help to add two pages in nextjs, like an HTML anchor element. In the old link component, we use <a> warper inside the link component. It is a very weird syntax and has no sense of an…

Stop the bad bots on the nextjs website. — Nowadays, bots are used everywhere on IoT. Bots help to manage tasks without human interfaces. Bots work 24*7 for business. You create a bot only once based on your requirements, and there manages lots of people daily. For example, send an automatic notification with WhatsApp, email, and message. A real-life…

Write markdown-based documentation with Grammarly and speed up your written workflow in vscode. — Grammarly is a great AI-based typing assistant service that helps to write better English. Grammarly help to check spell, grammar, punctuation, clarity, and engagement. Without Grammarly, mainly Asians do not write grammar and spell-free English. Some people do that, but for that, you need a lot of particles.

FrontMatter Headless CMS is a new markdown CMS working inside vscode. — FrontMatter headless CMS is working with markdown files. frontMatter headless CMS installed with vscode extension. You do not need any library or additional tools to run it. You need vscode and install it as a vscode extension. FrontMatter headless CMS comes with lots of inbuilt features. Manage markdown file Managing…

PNPM is a new node package manager similar to npm and yarn. pnpm is faster as compared to npm and yarn. — PNPM help to reduce the size of the node_module folder in the project. PNPM is so fast to install the nodejs package from npm. Everybody uses nodejs in daily life to build projects. So for everyday life, you need multiple nodejs active versions. NVM is an excellent tool for installing…

You can install PNPM with the debian distro. PNPM is faster and more disk space efficient. — You can install pnpm with one single command in Linux. To install pnpm, you need a one-off curl or wget command. Suppose you have the curl command already installed in the distro. Otherwise, firstly install the curl command or use any other command. // Please install one of them according…