use ISR for getting the version tag

components/pages/home/index.js

@@ -12,13 +12,13 @@ import CtaSection from './sections/CtaSection';
 import SampleStorySection from './sections/SampleStorySection';
 import links from '@/data/links';
 
-export default function HomePage() {
+export default function HomePage({ versionNumber }) {
   return (
     <div>
       <Ribbon onClick={() => window.open(links.githubProject)}>
         CodeEdit is currently in development. Check out the roadmap.
       </Ribbon>
-      <HeroSection />
+      <HeroSection versionNumber={versionNumber}/>
       <IntroFeaturesSection />
       {/* <SampleStorySection /> */}
       {/* <SampleStorySection /> */}

components/pages/home/sections/HeroSection.jsx

@@ -6,17 +6,14 @@ import Typography from '@/components/common/Typography';
 import { Row, Column, Section, Stack } from '@/components/common/layout';
 import HeroImage from '../HeroImage';
 import Button from '../../../common/Button';
-import useLatestVersionNumber from '@/hooks/useLatestVersionNumber';
 
 const ProductIconWrap = styled.div`
   width: 128px;
   margin-left: auto;
   margin-right: auto;
 `;
 
-const HeroSection = () => {
-
-  const versionNumber = useLatestVersionNumber();
+const HeroSection = ({versionNumber}) => {
 
   return (
     <Parallax

pages/index.js

@@ -1 +1,19 @@
-export { default } from '@/components/pages/home';
+import HomePage from '@/components/pages/home';
+
+export default function Home(props) {
+  return (
+    <HomePage versionNumber={props.versionNumber} />
+  );
+}
+
+export async function getStaticProps() {
+  const res = await fetch('https://api.github.com/repos/CodeEditApp/CodeEdit/releases/latest');
+  const data = await res.json();
+
+  return {
+    props: {
+      versionNumber: data.tag_name,
+    },
+    revalidate: 60 * 60 * 24, // 24 hours
+  };
+}