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.
Introduction to Big Data Tools
Learn why big data processing exists, how distributed computing works, and why tools like Apache Spark handle the heavy lifting so you can focus on business logic.
Consistent Hashing
Learn how consistent hashing solves the data ownership problem in distributed systems. Understand hash-based routing, the ring abstraction, and how to scale up and down with minimal data movement.
High Availability
Learn how to build resilient systems through data redundancy, automatic failover, and leader election. Understand backup strategies, database replication, disaster recovery patterns, and how leader election enables zero-downtime auto-recovery.
Circuit Breakers
Learn how circuit breakers prevent cascading failures in distributed systems. Understand why services fail together, how to implement circuit breakers, and practical patterns for building resilient microservices.
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
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