Add NEXT_PUBLIC_BUILD_TIME to config and append timestamp to API requests for fresh category data retrieval

Author: BramSuurdje

frontend/next.config.mjs

@@ -14,6 +14,10 @@ const nextConfig = {
     ],
   },
 
+  env: {
+    NEXT_PUBLIC_BUILD_TIME: Date.now(),
+  },
+
   output: "export",
   basePath: "/ProxmoxVE",
 };

frontend/src/app/scripts/page.tsx

@@ -47,13 +47,15 @@ function ScriptContent() {
   };
 
   useEffect(() => {
-    fetch("api/categories")
-      .then((response) => response.json())
-      .then((categories) => {
-        const sortedCategories = sortCategories(categories);
-        setLinks(sortedCategories);
-      })
-      .catch((error) => console.error(error));
+      fetch(
+        `/api/categories?_=${process.env.NEXT_PUBLIC_BUILD_TIME || Date.now()}`,
+      )
+        .then((response) => response.json())
+        .then((categories) => {
+          const sortedCategories = sortCategories(categories);
+          setLinks(sortedCategories);
+        })
+        .catch((error) => console.error(error));
   }, []);
 
   return (

frontend/src/components/CommandMenu.tsx

@@ -52,17 +52,19 @@ export default function CommandMenu() {
 
   const fetchCategories = async () => {
     setIsLoading(true);
-    fetch("api/categories")
-      .then((response) => response.json())
-      .then((categories) => {
-        const sortedCategories = sortCategories(categories);
-        setLinks(sortedCategories);
-        setIsLoading(false);
-      })
-      .catch((error) => {
-        setIsLoading(false);
-        console.error(error)
-      });
+      fetch(
+        `/api/categories?_=${process.env.NEXT_PUBLIC_BUILD_TIME || Date.now()}`,
+      )
+        .then((response) => response.json())
+        .then((categories) => {
+          const sortedCategories = sortCategories(categories);
+          setLinks(sortedCategories);
+          setIsLoading(false);
+        })
+        .catch((error) => {
+          setIsLoading(false);
+          console.error(error);
+        });
   };
 
   return (