cache queries and revalidate with incremental static regeneration

web/src/app/client.ts

@@ -3,6 +3,8 @@ import "server-only";
 import { cacheExchange, createClient, fetchExchange } from "@urql/core";
 import { registerUrql } from "@urql/next/rsc";
 
+import { CMS_CACHE_TAG } from "@/lib/revalidation";
+
 const wagtailBaseUrl = process.env.WAGTAIL_BASE_URL;
 if (!wagtailBaseUrl) {
   throw new Error("WAGTAIL_BASE_URL is not set");
@@ -13,8 +15,9 @@ const makeClient = () => {
   return createClient({
     url: graphqlEndpoint,
     exchanges: [cacheExchange, fetchExchange],
-    // requestPolicy: "network-only",
-    fetchOptions: { next: { revalidate: 0 } },
+    // Cache all queries in the Data Cache until revalidateTag(CMS_CACHE_TAG);
+    // override per operation with the contexts in @/lib/revalidation
+    fetchOptions: { cache: "force-cache", next: { tags: [CMS_CACHE_TAG] } },
   });
 };