feat(website): add star count

guilhermerodz · Feb 22, 2024 · fbdd883 · fbdd883
1 parent e44c2de
commit fbdd883
Showing 1 changed file with 30 additions and 4 deletions.
diff --git a/apps/website/src/app/(pages)/(home)/page.tsx b/apps/website/src/app/(pages)/(home)/page.tsx
@@ -13,9 +13,26 @@ import Link from 'next/link'
 import { Showcase } from './_components/showcase'
 import { ExampleCode } from '@/app/(local-pages)/example-playground/code'
 
-const fadeUpClassname = 'lg:motion-safe:opacity-0 lg:motion-safe:animate-fade-up'
+const fadeUpClassname =
+  'lg:motion-safe:opacity-0 lg:motion-safe:animate-fade-up'
+
+async function getRepoStarCount() {
+  const res = await fetch(
+    'https://api.github.com/repos/guilhermerodz/input-otp',
+  )
+  const data = await res.json()
+  const starCount = data.stargazers_count
+
+  if (starCount > 999) {
+    return (starCount / 1000).toFixed(1) + 'K'
+  }
+
+  return starCount
+}
+
+export default async function IndexPage() {
+  const starCount = await getRepoStarCount()
 
-export default function IndexPage() {
   return (
     <div className="container relative flex-1 flex flex-col justify-center items-center">
       <PageHeader>
@@ -63,10 +80,17 @@ export default function IndexPage() {
             target="_blank"
             rel="noreferrer"
             href={siteConfig.links.github}
-            className={cn(buttonVariants({ variant: 'outline' }))}
+            className={cn(
+              'relative !py-0 group',
+              buttonVariants({ variant: 'outline' }),
+            )}
           >
             <Icons.gitHub className="mr-2 h-4 w-4" />
-            GitHub
+            <div className="flex items-center h-full">
+              <div className="hidden md:[display:unset]">Github</div>
+              <div className="hidden md:[display:unset] h-full w-px bg-input group-hover:bg-foregrounds mx-4" />
+              <div>{starCount}</div>
+            </div>
           </Link>
         </PageActions>
       </PageHeader>
@@ -75,3 +99,5 @@ export default function IndexPage() {
     </div>
   )
 }
+
+export const revalidate = 3600