fix metadata baseurl

Author: ChristopherChudzicki

frontends/main/src/app/page.tsx

@@ -3,12 +3,15 @@ import type { Metadata } from "next"
 import HomePage from "@/app-pages/HomePage/HomePage"
 import { getMetadataAsync } from "@/common/metadata"
 
+const { NEXT_PUBLIC_ORIGIN } = process.env
+
 export async function generateMetadata({
   searchParams,
 }: {
   searchParams: { [key: string]: string | string[] | undefined }
 }): Promise<Metadata> {
   return await getMetadataAsync({
+    metadataBase: NEXT_PUBLIC_ORIGIN ? new URL(NEXT_PUBLIC_ORIGIN) : null,
     title: "Learn with MIT",
     searchParams,
   })

frontends/main/src/common/metadata.ts

@@ -2,7 +2,7 @@ import { RESOURCE_DRAWER_QUERY_PARAM } from "@/common/urls"
 import { learningResourcesApi } from "api/clients"
 import type { Metadata } from "next"
 
-const DEFAULT_OG_IMAGE = `${process.env.NEXT_PUBLIC_ORIGIN}/images/learn-og-image.jpg`
+const DEFAULT_OG_IMAGE = "/images/learn-og-image.jpg"
 
 type MetadataAsyncProps = {
   title?: string