chore: add meta tags

kevinjosethomas · kevinjosethomas · commit 2712db455960 · 2024-11-01T17:48:55.000-07:00
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -118,6 +118,7 @@ export const Header: React.FC = () => {
               target="_blank"
               rel="noreferrer"
               href="https://lichess.org/@/maia1"
+              className="uppercase"
             >
               Play
             </a>
diff --git a/src/pages/401.tsx b/src/pages/401.tsx
@@ -1,4 +1,5 @@
 import Link from 'next/link'
+import Head from 'next/head'
 import { useContext } from 'react'
 import { useRouter } from 'next/router'
 import Chessground from '@react-chess/chessground'
@@ -15,6 +16,13 @@ export default function Error401Page() {
 
   return (
     <div className="absolute flex h-full w-full flex-col items-center justify-center gap-8 px-4 md:flex-row md:px-0">
+      <Head>
+        <title>Beta Access – Maia Chess</title>
+        <meta
+          name="description"
+          content="Maia Chess is in beta! Sign up to get access"
+        />
+      </Head>
       <div
         style={{
           width: 'min(40vw, 40vh)',
diff --git a/src/pages/blog/[id].tsx b/src/pages/blog/[id].tsx
@@ -1,3 +1,4 @@
+import Head from 'next/head'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { GetStaticPaths, GetStaticProps } from 'next'
@@ -20,6 +21,13 @@ const BlogPost = ({ post }: BlogPostProps) => {
 
   return (
     <div className={styles.page}>
+      <Head>
+        <title>Blog – Maia Chess</title>
+        <meta
+          name="description"
+          content="Maia Chess is in beta! Sign up to get access"
+        />
+      </Head>
       <div className="flex w-full flex-col items-center justify-start overflow-x-hidden">
         <div className="flex flex-col gap-2 md:w-8/12">
           <Link href="/blog">
diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx
@@ -1,3 +1,4 @@
+import Head from 'next/head'
 import Link from 'next/link'
 
 import { Post } from 'src/types'
@@ -7,6 +8,13 @@ import { getSortedPostsData } from 'src/blog/posts'
 export default function Blog({ posts }: { posts: Post[] }) {
   return (
     <div className={styles.page}>
+      <Head>
+        <title>Blog – Maia Chess</title>
+        <meta
+          name="description"
+          content="Maia Chess is in beta! Sign up to get access"
+        />
+      </Head>
       <h1 className="text-4xl font-bold">Blog</h1>
       <div className="flex w-full flex-col gap-6 overflow-x-hidden overflow-y-scroll">
         {posts.map((post, index) => (
diff --git a/src/pages/leaderboard.tsx b/src/pages/leaderboard.tsx
@@ -1,3 +1,4 @@
+import Head from 'next/head'
 import { useCallback, useEffect, useState } from 'react'
 
 import {
@@ -58,6 +59,13 @@ const Leaderboard: React.FC = () => {
 
   return (
     <div className="flex h-full w-full flex-col items-start justify-center gap-8 px-[4%] py-[2%]">
+      <Head>
+        <title>Leaderboard – Maia Chess</title>
+        <meta
+          name="description"
+          content="Top users across all Maia Chess leaderboards"
+        />
+      </Head>
       <div className="flex flex-col">
         <h1 className="text-4xl font-bold">Rating Leaderboards</h1>
         <p>
diff --git a/src/pages/profile.tsx b/src/pages/profile.tsx
@@ -1,8 +1,13 @@
+import Head from 'next/head'
 import { AuthenticatedWrapper, UserProfile } from 'src/components'
 
 export default function AuthenticatedProfilePage() {
   return (
     <AuthenticatedWrapper>
+      <Head>
+        <title>Profile – Maia Chess</title>
+        <meta name="description" content="User profile and statistics" />
+      </Head>
       <UserProfile />
     </AuthenticatedWrapper>
   )

Original file line number	Diff line number	Diff line change
`@@ -118,6 +118,7 @@ export const Header: React.FC = () => {`
`118`	`118`	`target="_blank"`
`119`	`119`	`rel="noreferrer"`
`120`	`120`	`href="https://lichess.org/@/maia1"`
	`121`	`+ className="uppercase"`
`121`	`122`	`>`
`122`	`123`	`Play`
`123`	`124`	`</a>`