Merge pull request #32 from lukepistrol/feat/31-dynamic-version-number

[feat]: Dynamic Version Number

Author: austincondiff

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

@@ -13,7 +13,8 @@ const ProductIconWrap = styled.div`
   margin-right: auto;
 `;
 
-const HeroSection = () => {
+const HeroSection = ({versionNumber}) => {
+
   return (
     <Parallax
       style={{ overflow: 'visible' }}
@@ -42,7 +43,7 @@ const HeroSection = () => {
                     CodeEdit is an exciting new code editor written entirely and unapologetically for macOS. Develop any project using any language at speeds like never before with increased efficiency and reliability in an editor that feels right at home on your Mac.
                   </Typography>
                   <Button href="https://github.com/CodeEditApp/CodeEdit/releases/latest" target="_blank">Download Alpha</Button>
-                  <Typography variant="body-reduced" color="tertiary">0.0.1-alpha | macOS 12+</Typography>
+                  <Typography variant="body-reduced" color="tertiary">{ versionNumber } | macOS 13+</Typography>
                 </Stack>
               </Column>
             </Row>

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
+  };
+}