bring back function caching, but vary by query=payload

Author: tannerlinsley

app/routes/_libraries/blog.$.tsx

@@ -30,10 +30,11 @@ const fetchBlogPost = createServerFn({ method: 'GET' })
     const frontMatter = extractFrontMatter(file)
     const description = removeMarkdown(frontMatter.excerpt ?? '')
 
-    // setHeaders({
-    //   'cache-control': 'public, max-age=0, must-revalidate',
-    //   'cdn-cache-control': 'max-age=300, stale-while-revalidate=300, durable',
-    // })
+    setHeaders({
+      'cache-control': 'public, max-age=0, must-revalidate',
+      'cdn-cache-control': 'max-age=300, stale-while-revalidate=300, durable',
+      'Netlify-Vary': 'query=payload',
+    })
 
     return {
       title: frontMatter.data.title,

app/routes/_libraries/blog.index.tsx

@@ -30,11 +30,12 @@ const fetchFrontMatters = createServerFn({ method: 'GET' }).handler(
 
         const frontMatter = extractFrontMatter(file)
 
-        // setHeaders({
-        //   'cache-control': 'public, max-age=0, must-revalidate',
-        //   'cdn-cache-control':
-        //     'max-age=300, stale-while-revalidate=300, durable',
-        // })
+        setHeaders({
+          'cache-control': 'public, max-age=0, must-revalidate',
+          'cdn-cache-control':
+            'max-age=300, stale-while-revalidate=300, durable',
+          'Netlify-Vary': 'query=payload',
+        })
 
         return [
           info.id,

app/utils/config.ts

@@ -74,10 +74,11 @@ export const getTanstackDocsConfig = createServerFn({ method: 'GET' })
         throw new Error('Zod validation failed')
       }
 
-      // setHeaders({
-      //   'cache-control': 'public, max-age=0, must-revalidate',
-      //   'cdn-cache-control': 'max-age=300, stale-while-revalidate=300, durable',
-      // })
+      setHeaders({
+        'cache-control': 'public, max-age=0, must-revalidate',
+        'cdn-cache-control': 'max-age=300, stale-while-revalidate=300, durable',
+        'Netlify-Vary': 'query=payload',
+      })
 
       return validationResult.data
     } catch (e) {