refactor: use metadataBase and relative paths

kudos-ink · Feb 6, 2024 · fd8cfc2 · fd8cfc2
1 parent 310a5b2
commit fd8cfc2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/explore/[slug]/page.tsx b/app/explore/[slug]/page.tsx
@@ -17,7 +17,6 @@ interface IProps {
 }
 
 export async function generateMetadata({ params }: IProps): Promise<Metadata> {
-  const url = SITE_CONFIG.url;
   const { slug } = params;
   const title = slug
     .split("-")
@@ -28,7 +27,7 @@ export async function generateMetadata({ params }: IProps): Promise<Metadata> {
     title,
     description,
     alternates: {
-      canonical: `${url}/${slug}`,
+      canonical: `/${slug}`,
     },
   };
 }

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -23,8 +23,9 @@ export const fontMono = Fira_Code({
 });
 
 export const metadata: Metadata = {
+  metadataBase: new URL(SITE_CONFIG.url!),
   alternates: {
-    canonical: SITE_CONFIG.url,
+    canonical: "/",
   },
   title: {
     default: SITE_CONFIG.name,