Merge pull request #55 from hackclub/website-improvements

Website improvements
hackclub · Aug 14, 2024 · 3ea5271 · 3ea5271
2 parents 3e89ca5 + 67093b5
commit 3ea5271
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 1 deletion.
diff --git a/website/pages/_app.tsx b/website/pages/_app.tsx
@@ -13,8 +13,31 @@ export default function App({ Component, pageProps }: AppProps) {
   return (
     <div className={`${dm_mono.variable}`}>
       <Head>
-        <title>Nest</title>
+        <title key="title">Nest</title>
         <link rel="icon" type="image/png" href="/favicon.png" />
+
+        <meta
+          key="meta-title"
+          name="title"
+          content="Nest - a free Linux server from Hack Club"
+        />
+        <meta
+          name="description"
+          content="Nest is a free Linux server for high-schoolers to host their projects on, from Hack Club."
+        />
+        <meta charSet="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="keywords" content="hack club,nest,linux,server" />
+
+        <meta name="apple-mobile-web-app-title" content="Nest" />
+
+        <meta property="og:type" content="website" />
+        <meta property="og:site_name" content="Nest" />
+        <meta
+          key="og:title"
+          property="og:title"
+          content="Nest - a free Linux server from Hack Club"
+        />
       </Head>
       <Component {...pageProps} />
     </div>

diff --git a/website/pages/index.tsx b/website/pages/index.tsx
@@ -33,6 +33,8 @@ export const getStaticProps = async () => {
         featured: p.get("Featured"),
       })) as Project[],
     },
+    // Revalidate every hour
+    revalidate: 60 * 60,
   };
 };
 

diff --git a/website/pages/projects.tsx b/website/pages/projects.tsx
@@ -1,6 +1,7 @@
 import Airtable from "airtable";
 import { Masonry } from "masonic";
 import { useState, useEffect } from "react";
+import Head from "next/head";
 
 import Nav from "@/components/nav";
 import ProjectCard from "@/components/projectCard";
@@ -33,6 +34,8 @@ export const getStaticProps = async () => {
         featured: p.get("Featured") ?? false,
       })) as Project[],
     },
+    // Revalidate every hour
+    revalidate: 60 * 60,
   };
 };
 
@@ -47,6 +50,11 @@ export default function Projects(
 
   return (
     <main className="min-h-screen overflow-hidden bg-bg font-dm-mono text-white">
+      <Head>
+        <title key="title">Nest - Projects</title>
+        <meta key="meta-title" name="title" content="Nest - Projects" />
+        <meta key="og:title" property="og:title" content="Nest - Projects" />
+      </Head>
       <Nav />
       <p className="my-8 px-2 text-center text-3xl font-medium lg:px-4 2xl:text-4xl">
         Nest Projects