fix: DOMAIN_NAME variable partially baked in on build time

app/_data/metadata.ts

@@ -1,7 +1,8 @@
+import Package from "@/../package.json";
 import { Metadata } from "next";
+import { unstable_noStore } from "next/cache";
 import bio from "./bio";
 import socials from "./socials";
-import Package from "@/../package.json";
 
 export const canonicalName: URL = new URL(`https://${process.env.DOMAIN_NAME}`);
 const baseTitle: string = "Eugene Fox - Software developer";
@@ -12,8 +13,10 @@ const keywords: string[] = ["Eugene Fox", "software developer", ".net", "react",
 export const getTitle = (pageTitle: string, customBase?: string): string =>
 	pageTitle + " - " + (customBase ?? baseTitle);
 
-export const metadata: Metadata =
+export async function generateMetadata(): Promise<Metadata>
 {
+	unstable_noStore();
+	return {
 		title: baseTitle,
 		description: bio[0],
 		metadataBase: canonicalName,
@@ -45,4 +48,5 @@ export const metadata: Metadata =
 			}
 		],
 		keywords
-};
+	};
+}

app/attribution/page.tsx

@@ -6,14 +6,18 @@ import ThirdPartyAttribution from "@/_data/ThirdPartyAttributiont";
 import { analyticsEnabled } from "@/_utils/analytics/server";
 import { ArrowLeft24Regular, ArrowRight24Regular } from "@fluentui/react-icons";
 import { Metadata } from "next";
+import { unstable_noStore } from "next/cache";
 import React from "react";
 import cls from "./page.module.scss";
 
-export const metadata: Metadata =
+export async function generateMetadata(): Promise<Metadata>
 {
+	unstable_noStore();
+	return {
 		title: getTitle("Attributions & information", canonicalName.hostname),
 		robots: "noindex"
-};
+	};
+}
 
 const AttributionPage: React.FC = () => (
 	<main className={ cls.page }>

app/layout.tsx

@@ -1,5 +1,5 @@
-import { metadata as myMetadata } from "@/_data/metadata";
+export { generateMetadata } from "@/_data/metadata";
-import type { Metadata, Viewport } from "next";
+import type { Viewport } from "next";
 import Script from "next/script";
 import { PropsWithChildren } from "react";
 import CookieBanner from "./_components/CookieBanner";
@@ -19,8 +19,6 @@ export const viewport: Viewport =
 	colorScheme: "light dark"
 };
 
-export const metadata: Metadata = myMetadata;
-
 export default function RootLayout(props: PropsWithChildren)
 {
 	return (

app/not-found.tsx

@@ -1,6 +1,7 @@
 import { textCorrection } from "@/_assets/decorations";
 import { Home24Regular } from "@fluentui/react-icons";
 import { Metadata } from "next";
+import { unstable_noStore } from "next/cache";
 import Image from "next/image";
 import React from "react";
 import { notFoundImage } from "./_assets/illustrations";
@@ -8,11 +9,14 @@ import Button from "./_components/Button";
 import { canonicalName, getTitle } from "./_data/metadata";
 import cls from "./not-found.module.scss";
 
-export const metadata: Metadata =
+export async function generateMetadata(): Promise<Metadata>
 {
+	unstable_noStore();
+	return {
 		title: getTitle("Page not found", canonicalName.hostname),
 		robots: "noindex"
-};
+	};
+}
 
 // [SPECIAL]