Add "Building a Better Git" to title of the frontpage

Rikthepixel · Rikthepixel · commit 8b3fd1b08199 · 2023-04-03T12:54:08.000+02:00
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -17,6 +17,7 @@ import Heading from "@/components/layout/Heading";
 import { makeSitemapMeta } from "@/utils/meta/sitemap";
 
 import { sendCTAEvent } from "@/api/analytics";
+import { makeOgMeta } from "@/utils/meta/opengraph";
 
 const logoAnim = {
   initial: {
@@ -31,12 +32,12 @@ const logoAnim = {
   }
 } as const;
 
-const FrontPage: Page = ({ }) => {
+const FrontPage: Page = ({ pathname }) => {
 
   return (
     <>
       <Head>
-        <title>Commit Rocket</title>
+        {makeOgMeta({ title: "Building a Better Git", reverseTitle: true, pathname })}
         {makeSitemapMeta({ priority: 1 })}
       </Head>
       <main aria-labelledby="hero-title" className="flex flex-col flex-1 w-full gap-32 pb-8 max-w-7xl">
diff --git a/src/utils/meta/opengraph/base.tsx b/src/utils/meta/opengraph/base.tsx
@@ -44,10 +44,13 @@ const computeImage = (image?: string | StaticImageData, imageAlt?: string) => {
   } satisfies OgImage;
 };
 
-export const makeOgMeta = (allProps: Partial<OgBase>) => {
+export const makeOgMeta = ({ reverseTitle, ...allProps }: Partial<OgBase> & { reverseTitle?: boolean; }) => {
   const { localeAlternate, pathname, url, image, title, ...props } = Object.assign({}, DEFAULT_OG, allProps);
 
-  const computedTitle = title === DEFAULT_OG.title ? title : `${title} - ${DEFAULT_OG.title}`;
+  const firstTitlePart = reverseTitle ? DEFAULT_OG.title : title;
+  const secondTitlePart = reverseTitle ? title : DEFAULT_OG.title;
+
+  const computedTitle = title === DEFAULT_OG.title ? title : `${firstTitlePart} - ${secondTitlePart}`;
   const computedUrl = pathname ? `${process.env.NEXT_PUBLIC_FRONTEND_URL}${pathname}` : url;
   const computedImage = computeImage(image);
 
