Composable Caching with Next.js

We’re working on a simple and powerful caching model for Next.js. In a previous post, we talked about our journey with caching and how we’ve arrived at the 'use cache' directive.

This post will discuss the API design and benefits of 'use cache' .

'use cache' makes your application faster by caching data or components as needed.

It’s a JavaScript “directive”—a string literal you add in your code—which signals to the Next.js compiler to enter a different “boundary”. For example, going from the server to the client.

This is a similar idea to React directives like 'use client' and 'use server' . Directives are compiler instructions that define where code should run, allowing the framework to optimize and orchestrate individual…