Cache build ID

web/lib/util/page-data.ts

@@ -1,20 +1,52 @@
 import {DEPLOYED_WEB_URL} from "common/envs/constants";
 
+const buildIdKey = 'vercel-buildId';
+
 export const getBuildId = async () => {
   const res = await fetch(`${DEPLOYED_WEB_URL}/api/build-id`)
   if (!res.ok) throw new Error('Failed to fetch build manifest')
   const data = await res.json()
-  return data.buildId
+  const buildId = data.buildId;
+  if (!buildId) throw new Error('No buildId found in build manifest')
+  localStorage.setItem(buildIdKey, buildId)
+  return buildId
 }
 
 export const getPageData = async (route = '/') => {
-  const buildId = await getBuildId()
-  const cleanRoute = route.startsWith('/') ? route.slice(1) : route
-  const url = `${DEPLOYED_WEB_URL}/api/proxy-data?path=${buildId}/${cleanRoute || 'index'}.json`
-  console.log('Fetching data from:', url)
-  const res = await fetch(url, {cache: 'force-cache'}) as any
-  if (!res.ok) throw new Error(`Failed to fetch data for ${route}`)
-  const result = await res.json() as any
+  async function pull(buildId: string | undefined | null) {
+    if (!buildId) {
+      throw new Error('No buildId found')
+    }
+    const cleanRoute = route.startsWith('/') ? route.slice(1) : route
+    const url = `${DEPLOYED_WEB_URL}/api/proxy-data?path=${buildId}/${cleanRoute || 'index'}.json`
+    console.log('Fetching data from:', url)
+    const res = await fetch(url, {
+      cache: 'force-cache',
+    })
+
+    if (!res.ok) {
+      throw new Error(`Failed to fetch data for ${route}: ${res.status} ${res.statusText}`)
+    }
+    return res
+  }
+
+  let buildId = localStorage.getItem(buildIdKey)
+  if (!buildId) buildId = await getBuildId()
+
+  let res: Response
+  try {
+    res = await pull(buildId)
+  } catch (error: any) {
+    if (error?.message?.includes('404')) {
+      console.error('Build ID outdated, loading new one:', error.message)
+      buildId = await getBuildId()
+      res = await pull(buildId)
+    } else {
+      throw error
+    }
+  }
+
+  const result = await res.json()
   console.log('Fetched Page data:', result)
   return result.pageProps
 }