feat: add seo title and favicon respecting basePath

2024-02-13 11:44:03 +01:00
parent 57d7e85331
commit 554607a58d
7 changed files with 36 additions and 21 deletions
--- a/src/pages/[quadrant]/index.tsx
+++ b/src/pages/[quadrant]/index.tsx
@@ -2,15 +2,20 @@ import Head from "next/head";
 import { useRouter } from "next/router";

 import { getQuadrant, getQuadrants } from "@/lib/data";
+import { formatTitle } from "@/lib/format";
 import { CustomPage } from "@/pages/_app";

 const QuadrantPage: CustomPage = () => {
  const { query } = useRouter();
  const quadrant = getQuadrant(query.quadrant as string);
+
+  if (!quadrant) return null;
+
  return (
    <>
      <Head>
-        <title>Quadrant Page</title>
+        <title>{formatTitle(quadrant.title)}</title>
+        <meta name="description" content={quadrant.description} />
      </Head>

      <h1>Quadrant: {query.quadrant}</h1>