Directus Cf Cache

screenshot of Directus Cf Cache
vue
directus

Cache and limit direct access to the data managed on your Directus instance, powered by Cloudflare Workers, Workers KV and Cloudflare Pages.

Overview

The directus-cf-cache is a tool that allows users to cache and limit access to the data managed on their Directus instance. It is powered by Cloudflare Workers, Workers KV, and Cloudflare Pages. With directus-cf-cache, users can ensure the availability of their API with live updates, serve content from their Directus instance or the KV cache, cache image assets, and automatically update the cache upon webhook trigger. There is also a demo Vue web application available to showcase functionality.

Features

  • Always available API with live updates.
  • Origin Priority mode to serve content from the Directus instance with fallback to the KV cache when unavailable.
  • Cache Priority mode to serve content from the KV cache with fallback to the Directus instance when unavailable.
  • Origin Only mode to only serve content from the Directus instance.
  • Cache Only mode to only serve content from the KV cache.
  • Caching of image assets.
  • Automatic updating of cache upon webhook trigger.
  • Preset requests to prevent tampering of query parameters.
  • Full support of Directus Global Query Parameters.
  • Demo Vue web application to showcase functionality.

Summary

The directus-cf-cache tool provides a convenient way to cache and limit access to data managed on a Directus instance. It leverages Cloudflare Workers, Workers KV, and Cloudflare Pages to ensure the availability of the API and allow users to serve content from the Directus instance or the KV cache. It also enables caching of image assets and supports automatic cache updates upon webhook trigger. With a demo Vue web application available, users can easily showcase the functionality of directus-cf-cache.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

directus
Directus

A website that uses Directus as an open source headless CMS to manage content. This includes features such as a customizable content model, role-based access control, and API-based content delivery to support a wide range of digital experiences.

Recoil

Recoil is a state management library for React that provides an intuitive and flexible API for managing and sharing state across components. It supports a range of features, including derived state, asynchronous updates, and time-travel debugging, and is designed to work well with the React ecosystem and other state management solutions.