Fixed invalid Open Graph metadata route paths

codeaid · May 6, 2024 · bbf2ae9 · bbf2ae9
1 parent c2fdde6
commit bbf2ae9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata, Viewport } from 'next';
 import { type PropsWithChildren } from 'react';
 import { Header, Layout, NavigationRail } from 'components';
+import { metadataBase } from 'config/app';
 import { pageElementId } from 'config/dom';
 import { sourceSansPro } from 'fonts';
 import styles from './layout.module.css';
@@ -11,6 +12,7 @@ export const metadata: Metadata = {
   title: 'TackleBox',
   description:
     'Dive into the depths of fishing with this comprehensive web app, your ultimate guide to fish species and their habitats. Explore the information for your perfect catch!',
+  metadataBase,
 };
 
 export const viewport: Viewport = {

diff --git a/src/config/app.ts b/src/config/app.ts
@@ -0,0 +1,5 @@
+// Detect base URL and path to use when loading assets
+export const baseURL = process.env.NEXT_PUBLIC_BASE_URL || '';
+export const basePath = process.env.NEXT_PUBLIC_BASE_PATH || '';
+export const metadataBase =
+  process.env.NODE_ENV === 'development' ? undefined : new URL(baseURL + basePath);