Anish De

Make a beautiful Connect Wallet Button with RainbowKit and React

Written by Anish De

Authentication in Web3 is extremely easy but supporting all the wallets and making a nice UI can be painful and time-consuming. Thankfully, there are many libraries which makes this extremel...

Amazing preview images with Next.js and LQIP Modern

Written by Anish De

Images take a long time to load and can have a disruptive impact on UX. Today we are going to be looking at creating preview images with a library called [`lqip-modern`](https://www.npmjs.co...

Making a blog with Directus, MDX, and Next.js On-Demand ISR

Written by Anish De

There are many Headless CMSs out there and many other tools that let us make a blog easily and quickly. Today we look at building a blog with [Directus](https://directus.io/) and Next.js. We...

5 Chrome Keyboard Shortcuts to boost your productivity

Written by Anish De

Browsers have become an integral part of our life and most applications are web-based now. We use web browsers for everything, from asking a question on Stackoverflow to booking a flight tic...

Powerful Code Blocks with Code Hike and MDX

Written by Anish De

[MDX](https://mdxjs.com/) is a format that combines markup in markdown along with JSX code to embed components into markdown documents. It is used in documentation, blog posts, and much more...

Making an accessible Breadcrumb Navigation using TailwindCSS and NextJS

Written by Anish De

Breadcrumb Navigations are starting to appear in many applications nowadays, mostly in dashboards. Today we are going to look at building a Breadcrumb navigation that is accessible and style...

Privacy friendly website analytics with Umami and NextJS

Written by Anish De

Website analytics is truly a very important thing. We can understand our audience well and can tailor our content to our audience for higher engagement. [Google Analytics](https://analytics....

TwNFT - Mint your tweets as NFTs easily and for free

Written by Anish De

 ## 🤔 What is TwNFT? TwNFT is a simple web application that allows you to min...

Adding an in-browser code preview to your React Application with Sandpack

Written by Anish De

[Sandpack](https://sandpack.codesandbox.io/) is a live coding environment that runs on the browser. It is made by the team behind [CodeSandbox](https://codesandbox.io/)/. The main objective...

Make a toast with HTML, CSS, and JS

Written by Anish De

## Introduction Toasts are very useful for showing users some information. It has a wide variety of uses from displaying success messages for successful actions, showing error messages in ca...

Middleware in NextJS 12 - What are they and how to get started with them

Written by Anish De

Yesterday, we had the [NextJS Conf](https://nextjs.org/conf) and we got a lot of new things. [NextJS 12](https://nextjs.org/blog/next-12) has been released and it has got a ton of new and ex...

Open Source in Everyday Life

Written by Anish De

We often don't realize but open-source projects play a huge role in our life. Today, in this article, I am going to talk about how we use open-source technologies in our everyday life and wh...

Creating a Bug Report Form in GitHub

Written by Anish De

[GitHub](https://github.com/) allowed us to make pre-build issue templates in the form of markdown files which the person reporting the bug could fill out. This was better than presenting th...

Getting started with React Ink

Written by Anish De

Have you ever wondered if you can use React for the command-line interface (CLI)? Yes, you can!!! React is not only used for web development but also for making Android and iOS apps [(React...

How to install Figma on Linux

Written by Anish De

[Figma](https://www.figma.com/) is a great UI/UX tool with a quite generous free tier. This means many developers use Figma to prototype their application or website designs (including me)....