My Blog Posts

Building Reusable Components in Bit

ReactJS is a widely used JavaScript library for building user interfaces. It follows a declarative and component-based approach, making it ideal for developing interactive web applications. With...

Image Optimization in React JS with Blur Hash

One of the most common problem while developing most exciting websites is slow rendering of images. Images most commonly hurt performance of the website through layout shift, where the images pushes other elements around on the pages as it loads in. Sometimes it is totally okay to wait while your images load but sometimes it leads to very problematic situation...

Implementing GraphQL with Type Safety in Next.js

Recently, I was working on a Next.js project where I tried to integrate Strapi’s GraphQL API with a Next.js 14 app. I was frustrated because there wasn’t any specific official documentation to help with integrating GraphQL into the Next.js 14 app router. So, I researched a few methods that can be used to achieve this integration.

Why Your Tailwind + shadcn Component Library Looks Great in Storybook but Broken in Next.js

I recently built a small React component library powered by Tailwind v4 and shadcn/ui. In Storybook, everything looked pixel-perfect. But the moment I installed my package into a fresh Next.js project… the components rendered without their styles.