feat: add configurable meta description for homepage

medic · Mar 26, 2024 · 8c407ca · 8c407ca
1 parent d254ec1
commit 8c407ca
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git 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": ""
  }
 }
diff --git 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" }}>