# Blog

- [Create MDX Blog in your app using Contentlayer and Next.js - 2nd Part](https://faisalhusa.in/blog/create-mdx-blog-on-your-website-2.md): In this Blog we will learn advance mdx.

- [Create MDX Blog in your app using Contentlayer and Next.js](https://faisalhusa.in/blog/create-mdx-blog-on-your-website.md): In this Blog we will learn how to add mdx to you website.

- [Creating React app without create-react-app](https://faisalhusa.in/blog/createreactapp.md): In this Blog we will learn to create react app with create-react-app

- [Creating a file/folder structure in React.](https://faisalhusa.in/blog/file-folder-structure.md): In this Blog I am just breaking down my approach of building a file and folder structure

- [Set Up a Free Custom Email Address.](https://faisalhusa.in/blog/free-custom-email.md): Learn how to create a professional, custom email address like yourname@yourdomain.com without spending a penny.

- [Generating TypeScript Types from Supabase for Type-Safe Apps](https://faisalhusa.in/blog/generate-supabase-types.md): 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](https://faisalhusa.in/blog/good-to-know-js-concepts.md): Explore the most useful JavaScript concepts every developer should understand—perfect for sharpening your skills and writing cleaner code.

- [How a Search Engine Works: Building a Tiny Inverted Index](https://faisalhusa.in/blog/how-a-search-engine-works-inverted-index.md): Follow a movie search through text processing, an inverted index, and TF-IDF ranking.

- [Fix hydration error by this npm package](https://faisalhusa.in/blog/hydrationError.md): In this Blog we will learn two methods for resolving Hydration errors in Next.js

- [Integrate phonepe payment gateway in your Nextjs App.](https://faisalhusa.in/blog/integrate-phonepe-to-your-nextjsapp.md): Learn how to seamlessly integrate the PhonePe payment gateway into your Next.js application.

- [How to Integrate Mixpanel in a Scalable Way with React.js/Next.js](https://faisalhusa.in/blog/integrating-mixpanel-with-nextjs.md): Learn the best practices for integrating Mixpanel with your React.js/Next.js application in a scalable manner.

- [How to build a Sidebar Like ShadCN (Without Using ShadCN)](https://faisalhusa.in/blog/scalable-sidebar.md): In this blog we will try to understand how to build a sidebar like shadcn.

- [Switching Gears](https://faisalhusa.in/blog/switching-gears.md): Not a blog just a small update.

- [Trigger Vercel Deploy (Fix Vercel CI/CD Collaboration Issue for Free Tier Users)](https://faisalhusa.in/blog/vercel-free-tier-cicd-fix-new.md): Vercel has cut off collaboration CI/CD for free tier users. Here is a new and simple way to trigger deployment using GitHub Actions.

- [Free Tier CI/CD Collaboration Ends at Vercel. What You Can Do [This not works any more]](https://faisalhusa.in/blog/vercel-free-tier-cicd-fix.md): Vercel has cut off collaboration CI/CD for free tier users.Let dicuss the way around

- [What is Config driven UI?](https://faisalhusa.in/blog/what-is-config-driven-ui.md): In this blog we will try to understand what is config driven UI and how it help to write scalable code.

- [Why MongoDB Scans 10,000 Documents to Return One and How to Fix It](https://faisalhusa.in/blog/why-mongodb-scans-10000-documents.md): Reading MongoDB explain output, choosing indexes, and spotting expensive sorts.

- [Why Uploading Ten Documents Took Longer Than It Needed To](https://faisalhusa.in/blog/why-uploading-ten-documents-took-longer.md): A working S3 upload flow made independent documents wait for one another. Here is the small scheduling change that fixed it.

Original page: https://faisalhusa.in/blog