Cache on Cloudflare Pages

[carstenjaksch]

I am having a hard time figuring out the best way to cache my data on Cloudflare Pages.

What I want to do is something similar to ISR on Vercel. The cache does not expire and I programmatically revalidate after saving a page in the CMS.

This is my load function:

import type { LayoutServerLoad } from './$types';
import { FETCH_URL } from '$env/static/private';
import { error } from '@sveltejs/kit';

export const load: LayoutServerLoad = async ({ params, fetch }) => {
	const path = params.path;

	if (path !== undefined) {
		const slug = path === '' ? 'home-api' : path.substring(path.lastIndexOf('/') + 1);
		const pageRes = await fetch(`${FETCH_URL}/wp/v2/pages?slug=${slug}`);
		const page = await pageRes.json();

		if (page.length > 0 && page[0].status === 'publish' && page[0].acf.content !== undefined) {
			return {
				page: page[0]
			};
		}
	}

	error(404, 'Not Found');
};

I know that I could set cache-control headers and Cloudflare automatically conforms to that. But it seems I cannot tell Cloudflare to hold the cache forever and have a way to manually revalidate.

As caching is an important topic, I suggest adding a section about that to the adapter-cloudflare docs.