Smooth Scrolling in Next.js
How to add buttery smooth scrolling to a Next.js app using Lenis, GSAP ScrollTrigger, and Locomotive Scroll. The tradeoffs, the setup, and when you actually need it.
Blogs
All the topics I've covered. I write about React, Next.js, TypeScript, databases, AI/ML, cloud deployment, performance optimization, and system design.
How I Use Cursor to Build at 1000x Speed
A deep dive into how I use Cursor AI to ship production features faster than ever, the workflows that actually work, and why my company sponsors the Ultra plan for every engineer
Offloading Motion to the GPU
Fix janky CSS animations by understanding the rendering pipeline. Learn which properties trigger GPU acceleration, why transform beats width, and when to choose CSS over JavaScript.
When to Animate and When to Skip
Not every interaction needs motion. Learn how frequency, duration, and context determine whether animation helps or hurts your interface. The difference between delight and frustration.
The Physics Behind Natural Motion
Move beyond duration-based animations. Learn how spring physics creates motion that responds, adapts, and feels genuinely natural. The secret behind iOS's fluid interactions.
Virtualized Lists in React
Learn how virtualized lists work in React, why they are important for performance, and how to build a simple virtualized list from scratch
Static Site Generation in Next.js
Master SSG and SSR in Next.js with practical examples. Learn when to use each rendering method and see the performance differences in action
Contact Form with Resend
Learn how to build a contact form with seamless email delivery using Resend email API in your Next.js application. Perfect for portfolio sites
Open Graph Images in Next.js
Learn how to enhance your Next.js app with dynamic Open Graph images to boost social media visibility and engagement
Image Gallery with PhotoSwipe
Easily add animated image zoom to your React app using PhotoSwipe library for stunning image galleries
Context Menu in React
Guide to creating a custom context menu in React using react-contexify for enhanced user experience
Scroll Indicator with Framer Motion
Learn how to create a dynamic horizontal scroll percentage indicator using React and Framer Motion for a more interactive portfolio website
Typewriter Effect in React
Learn how to create a typewriter effect in React with this step-by-step guide. Engage your audience with nostalgic charm