BlogsBlogs
A collection of technical write-ups, experiments, and insights—crafted to help, inspire, and share the love of development across the web and mobile space
How to Sync Next.js Theme with Clerk Components in Just 2 Lines of Code
If you’re using Next.js and Clerk, though, it’s a breeze! In just two lines of code, you can sync Clerk’s theme with Next.js and keep everything looking on point.
Why I Fell in Love with Gorhom Bottom Sheet in React Native (Expo)
Gorhom Bottom Sheet is one of the smoothest, most flexible UI components in React Native. In this post, I’ll share why I loved using it in my Expo app, how to get started, and where it truly shines.
Building Type-Safe API Routes in Next.js with Zod & TypeScript
API contracts are critical for scalability. Learn how Zod validation + TypeScript ensures your API is bulletproof and catches errors before production.
Mastering Server Components: When to Use Server vs Client in Next.js 14+
Confused about 'use client'? Learn the mental model for splitting your app into server and client components for maximum performance.
React Native Gestures: Building Smooth Interactions with Gesture Handler
Upgrade your mobile UI from static to fluid. A guide to implementing pinch, swipe, and pan gestures with Reanimated.
From Web to Mobile: Sharing Logic Between Next.js and React Native
Don't write the same code twice. Strategies for sharing hooks, types, and utility functions between your web and mobile apps.
MongoDB Schema Design: Building Scalable Data Models for SaaS 🗄️
NoSQL doesn't mean no structure. Best practices for modeling relationships in MongoDB to avoid performance bottlenecks.
Securing Your API: JWT, Rate Limiting & Best Practices in Next.js 🔒
Don't leave your API endpoints exposed. Implementation guide for secure authentication checks and preventing abuse.
Beyond Basic Auth: Building Multi-Role Systems with Clerk & Next.js 👥
Admin, User, or Guest? How to implement robust Role-Based Access Control (RBAC) using Clerk's custom claims.
Why Your Next.js App is Slow: Bundle Analysis & Real Fixes 🚀
Is your First Contentful Paint suffering? I analyzed my bundle and shaved off 60% of JS payload. Here's how.
Building a Scalable Design System with ShadCN, TypeScript & Tailwind
Stop copying generic components. Learn how to extend ShadCN to build a unique, maintainable design system for your brand.
zahid ansari
Building scalable systems by applying mental models to code and architecture.
Website
Install this app to stay connected and in the loop.
Building meaningful experiences one pixel at a time 😉.
Made with by Zahid
views