Create util for metadata

Author: rikurauhala

src/app/not-found.tsx

@@ -1,7 +1,14 @@
 import { Container, Link, Stack, Typography } from "@mui/material";
+import { Metadata } from "next";
 import NextLink from "next/link";
 
 import { Toskamopo } from "@/components/Toskamopo";
+import { getTitle } from "@/utils/metadata";
+
+export const metadata: Metadata = {
+  title: getTitle(["404"]),
+  description: "Sivua ei löytynyt",
+};
 
 const NotFound = () => {
   return (

src/app/page.tsx

@@ -9,9 +9,10 @@ import { Projects } from "@/components/Projects";
 import { Section } from "@/components/Section";
 import { ToskaLogo } from "@/components/ToskaLogo";
 import { getProjects } from "@/lib/projects";
+import { getTitle } from "@/utils/metadata";
 
 export const metadata: Metadata = {
-  title: "Toska",
+  title: getTitle(),
   description: "Toskan kotisivut",
 };
 

src/app/projects/[name]/page.tsx

@@ -5,6 +5,7 @@ import { notFound } from "next/navigation";
 
 import { MarkdownContainer } from "@/components/MarkdownContainer";
 import { getProjectByName } from "@/lib/projects";
+import { getTitle } from "@/utils/metadata";
 
 type Props = Promise<{ name: string }>;
 
@@ -19,7 +20,7 @@ export async function generateMetadata({
   const projectName = project?.title || "Tuntematon projekti";
 
   return {
-    title: `${projectName} - Projektit - Toska`,
+    title: getTitle([projectName, "Projektit"]),
     description: `${projectName} on Toskan kehittämä sovellus`,
   };
 }

src/utils/metadata.ts

@@ -0,0 +1,10 @@
+export const getTitle = (titleParts?: string[]) => {
+  const baseTitle = "Toska";
+  const separator = " - ";
+
+  if (!titleParts || titleParts.length === 0) {
+    return baseTitle;
+  }
+
+  return `${titleParts.join(separator)}${separator}${baseTitle}`;
+};