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.
Smooth Operators
CSS transitions interpolate between UI states so changes feel intentional. Learn the four transition properties, why to avoid 'all', when transitions beat keyframes, and how to keep hover effects off touch devices.
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.
Easing Curves That Feel Natural
Master easing curves to make your animations feel natural. Learn why linear is almost always wrong, how cubic-bezier works, and which easing to use for different interactions.
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