The new Netlify Cache API is a great addition to the best-in-class caching primitives available on @netlify.com. Let me tell you what it is, what it's for, and how it embodies our vision of a framework-agnostic platform built on (and for) the open web. 🧵 - ThreadSky

eduardoboucas.com • 10 days ago

The new Netlify Cache API is a great addition to the best-in-class caching primitives available on @netlify.com.

Let me tell you what it is, what it's for, and how it embodies our vision of a framework-agnostic platform built on (and for) the open web. 🧵

Reposted from Netlify

Netlify's caching primitives just got more powerful!

The new Cache API lets you cache individual network calls triggered by your Netlify Functions and Edge Functions, reducing latency and improving resiliency.

Built on web standards for maximum flexibility.
Available now on all plans in beta.

Comments

eduardoboucas.com•10 days ago

Functions, edge functions or your framework of choice can cache a response simply by setting cache-control headers that determine the max duration, tags, SWR, invalidation behaviour, etc.

When a new request comes in, we serve it from the cache and bypass the invocation entirely.

eduardoboucas.com•10 days ago

Sometimes rendering a route involves making one or more HTTP requests to different parties, like external APIs that are slow, brittle or expensive.

So even when you can't serve the entire route from the cache (a cache miss), you'd benefit from caching the individual HTTP calls.

eduardoboucas.com•10 days ago

This is where the Cache API comes in, giving you a programmatic interface for caching any resource on the web, whether hosted on Netlify or not, with a zero-config experience.

Also, you have full control over how long resources are cached for and how they get invalidated.

eduardoboucas.com•10 days ago

Waving the flag of the open web and calling out the risks of vendor lock-in is not good enough — we have to show up and build our platform that way. So the entire feature is built on web standard APIs for full interoperability.

You can use it with any framework — or without one.

eduardoboucas.com•10 days ago

For the best DX without compromising interoperability, a new `fetchWithCache` method extends `fetch` and lets you conveniently get a resource from the cache (if available) or from the network, caching it for future invocations.

It's optional and even works with other providers.

eduardoboucas.com•10 days ago

The Cache API beta is available on all plans today. Here are some resources to get you started:

📚 Documentation: https://docs.netlify.com/platform/cache-api/

🪐 Demo: https://cache-api-demo.netlify.app/

📣 Announcement: https://www.netlify.com/blog/introducing-netlify-cache-api/

Comments

Posting Rules

Reply