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.
All the topics I've covered. I write about React, Next.js, TypeScript, databases, AI/ML, cloud deployment, performance optimization, and system design.
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.
Understand how clients and servers communicate over the network. TCP fundamentals, HTTP, WebSockets, Server-Sent Events, and API paradigms like REST, GraphQL, gRPC, and tRPC.
Learn how load balancers enable horizontal scalability by distributing traffic across multiple servers. Understand load balancing algorithms, request flow, and key advantages for building resilient systems.
Master database scaling from vertical to horizontal scaling, read replicas, sharding strategies, and partitioning techniques. Learn when to use synchronous vs asynchronous replication and how to choose the right shard key.
Deep dive into how database transactions work under the hood. Understand ACID properties, isolation levels, locking mechanisms, and implementation across PostgreSQL, MySQL, and MongoDB
Prisma ORM setup guide for PostgreSQL with Node.js and TypeScript, includes step-by-step instructions for efficient, type-safe database operations
Learn how to create a dynamic horizontal scroll percentage indicator using React and Framer Motion for a more interactive portfolio website