Let's dive into the caching mechanisms built into the Next.js App Router.
While caching can sometimes feel like a headache during development, it's essential for getting the best performance in production.
Next.js App Router employs multiple layers of caching, and we'll dig into each one to see how they work individually and collectively. By the end of this, you'll have a solid understanding of how caching operates, so you won't be caught off guard by unexpected behavior.
The first cache we'll examine is the Full Route cache. You'll likely encounter this one first when transitioning your Next.js application from dev mode into build mode.