Next.js 16 Caching: From Basics to Production

This course contains the use of artificial intelligence: lectures 51 to 56 use a voice generated by AI from the instructor’s own voice, and the slides and visuals were created with AI help. Lectures 1 to 50 and 57 are in the instructor’s real voice, and every screen recording is a real session.

Master Next.js 16 caching in about an hour, and stop shipping stale data. You will learn the new caching model on a real app and fix the bugs that make it feel unpredictable.

Caching is the part of Next.js that long courses tend to cover in one lecture, and its bugs fail silently. A user saves a change, goes back, and sees the old data. A call that compiles fine has been deprecated and quietly behaves differently. A tag has a typo, so nothing gets invalidated, and no error appears anywhere.

In this course you start with Northwind Notes, a small multi-page team app that is full of exactly these bugs. Step by step, you will enable Cache Components, cache with the use cache directive, set lifetimes with cacheLife, tag your data with cacheTag, and learn when to choose updateTag and when to choose revalidateTag.

Then we go to production. You will run two instances of the app behind a load balancer and watch one of them keep serving old data after a save. Then you will fix it with custom cache handlers backed by Redis. You will also migrate older code to the new model, and learn a checklist for debugging any caching problem.

You get the starter app with its bugs, the finished solution, and a one-page decision chart for choosing the right caching API.

This course contains the use of artificial intelligence.