Enabling full-page caching on Shopify Hydrogen apps

entry.server.tsx

// Check out https://shopify.dev/docs/storefronts/headless/hydrogen/caching/full-page-cache for more information

import {CacheCustom, generateCacheControlHeader} from '@shopify/hydrogen';

const fullPageCache = CacheCustom({
  mode: 'public',
  maxAge: 60,
  staleWhileRevalidate: 86400,
});

export default async function handleRequest(
  request: Request,
  responseStatusCode: number,
  responseHeaders: Headers,
  remixContext: EntryContext,
  context: AppLoadContext,
) {

  // ...

  if (responseStatusCode === 200) {
    // Turn on full page caching
    responseHeaders.set(
      'Oxygen-Cache-Control',
      generateCacheControlHeader(fullPageCache),
    );
    responseHeaders.set('Vary', 'Accept-Encoding');
  }

  // ...

}