15 published notes
Blog
Practical articles by Faisal Husain about React, Next.js, TypeScript, frontend architecture, web performance and product engineering.
2025
Switching Gears
Not a blog just a small update.
How to build a Sidebar Like ShadCN (Without Using ShadCN)
In this blog we will try to understand how to build a sidebar like shadcn.
Generating TypeScript Types from Supabase for Type-Safe Apps
Learn how to automatically generate TypeScript types from your Supabase database schema to keep your app type-safe and bug-free.
JavaScript Concepts Worth Knowing
Explore the most useful JavaScript concepts every developer should understand—perfect for sharpening your skills and writing cleaner code.
Set Up a Free Custom Email Address.
Learn how to create a professional, custom email address like yourname@yourdomain.com without spending a penny.
How to Integrate Mixpanel in a Scalable Way with React.js/Next.js
Learn the best practices for integrating Mixpanel with your React.js/Next.js application in a scalable manner.
Creating a file/folder structure in React.
In this Blog I am just breaking down my approach of building a file and folder structure
What is Config driven UI?
In this blog we will try to understand what is config driven UI and how it help to write scalable code.
2024
Integrate phonepe payment gateway in your Nextjs App.
Learn how to seamlessly integrate the PhonePe payment gateway into your Next.js application.
Free Tier CI/CD Collaboration Ends at Vercel. What You Can Do [This not works any more]
Vercel has cut off collaboration CI/CD for free tier users.Let dicuss the way around
Create MDX Blog in your app using Contentlayer and Next.js - 2nd Part
In this Blog we will learn advance mdx.
Create MDX Blog in your app using Contentlayer and Next.js
In this Blog we will learn how to add mdx to you website.
Fix hydration error by this npm package
In this Blog we will learn two methods for resolving Hydration errors in Next.js