feat: add configurable meta description for homepage

2024-03-26 09:50:55 +01:00
parent d254ec1af6
commit 8c407ca069
2 changed files with 11 additions and 1 deletions
--- a/data/config.default.json
+++ b/data/config.default.json
@@ -133,6 +133,7 @@
    "pageAbout": "How to use AOE Technology Radar?",
    "pageOverview": "Technologies Overview",
    "pageSearch": "Search",
-    "searchPlaceholder": "What are you looking for?"
+    "searchPlaceholder": "What are you looking for?",
+    "metaDescription": ""
  }
 }
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,3 +1,4 @@
+import Head from "next/head";
 import { useRouter } from "next/router";

 import { QuadrantList } from "@/components/QuadrantList/QuadrantList";
@@ -7,6 +8,7 @@ import {
  getAppName,
  getChartConfig,
  getItems,
+  getLabel,
  getQuadrants,
  getReleases,
  getRings,
@@ -20,6 +22,7 @@ const Home: CustomPage = () => {
  const router = useRouter();
  const tag = router.query.tag as string | undefined;
  const appName = getAppName();
+  const metaDescription = getLabel("metaDescription");
  const chartConfig = getChartConfig();
  const sections = getSections();
  const version = getReleases().length;
@@ -32,6 +35,12 @@ const Home: CustomPage = () => {

  return (
    <>
+      <Head>
+        {metaDescription && (
+          <meta name="description" content={metaDescription} />
+        )}
+      </Head>
+
      <h1>
        {appName}{" "}
        <span style={{ color: "var(--highlight)", whiteSpace: "nowrap" }}>