refactor: error handling within generateMetadata

Author: wackerow

app/[locale]/[...slug]/page.tsx

@@ -114,17 +114,18 @@ export async function generateMetadata({
   params: Promise<SlugPageParams>
 }) {
   const { locale, slug } = await params
+  const t = await getTranslations({ locale, namespace: "common" })
 
-  const validPaths = await generateStaticParams()
-  const isValidPath = checkPathValidity(validPaths, await params)
-  // If invalid path, return not-found metadata title
-  if (!isValidPath) {
-    const t = await getTranslations("common")
-    return { title: t("we-couldnt-find-that-page") }
+  try {
+    return await getMdMetadata({
+      locale,
+      slug,
+    })
+  } catch (error) {
+    // Return basic metadata for invalid paths
+    return {
+      title: t("page-not-found"),
+      description: t("page-not-found-description"),
+    }
   }
-
-  return await getMdMetadata({
-    locale,
-    slug,
-  })
 }

src/intl/en/common.json

@@ -374,6 +374,8 @@
   "page-languages-want-more-paragraph": "ethereum.org translators are always translating pages in as many languages as possible. To see what they're working on right now or to sign up to join them, read about our",
   "page-languages-words": "words",
   "page-last-updated": "Page last updated",
+  "page-not-found": "Page not found",
+  "page-not-found-description": "The requested page could not be found.",
   "participate": "Participate",
   "participate-menu": "Participate menu",
   "payments-page": "Payments",