Writing
Technical posts about Next.js, TypeScript, and building things. Not a tutorial blog — more like notes from the work.
3D Tilt Cards and Cursor Spotlights with Framer Motion Spring Physics
How to build hardware-accelerated 3D tilt cards with a cursor-tracking radial gradient spotlight using Framer Motion's useMotionValue, useSpring, and useMotionTemplate — without a single CSS transition.
Building PropertySmart: Dual Auth, Lenis Sync, and a Fully Animated UI
Three hard problems from building a production real estate marketplace frontend — cross-origin session loss on Vercel, keeping Framer Motion accurate while Lenis hijacks scroll, and the useSearchParams Suspense trap that silently breaks builds.
5 TypeScript Tricks I Use in Every React Project
Not the basics — these are the TypeScript patterns I reach for when plain interfaces aren't enough. Discriminated unions, the satisfies operator, template literal types, and more.
Building SkillBridge: Parallel Routes, Stripe & AI in One App
A deep dive into the architectural decisions behind SkillBridge — a tutoring platform that uses Next.js parallel routes for role-based dashboards, Stripe PaymentIntent for secure bookings, and a Groq-powered AI tutor chatbot.
From Vite + React to Next.js 14: Why I Rebuilt My Portfolio
I rewrote my portfolio from scratch — same design goals, completely different stack. Here's what pushed me to migrate from Vite + React to Next.js 14 with App Router, and what actually changed under the hood.