Add caching to example files

Author: tannerlinsley

app/routes/$libraryId/$version.docs.framework.$framework.examples.$.tsx

@@ -28,6 +28,7 @@ const fileQueryOptions = (repo: string, branch: string, filePath: string) => {
       fetchFile({
         data: { repo, branch, filePath },
       }),
+    staleTime: Infinity, // We can cache this forever. A refresh can invalidate the cache if necessary.
   })
 }
 

app/utils/docs.ts

@@ -100,6 +100,14 @@ export const fetchFile = createServerFn({ method: 'GET' })
       throw notFound()
     }
 
+    // Cache for 5 minutes on shared cache
+    // Revalidate in the background
+    setHeader('Cache-Control', 'public, max-age=0, must-revalidate')
+    setHeader(
+      'CDN-Cache-Control',
+      'max-age=300, stale-while-revalidate=300, durable'
+    )
+
     return file
   })