fix(site): align post metadata urls

Author: rodrigooler

apps/site/app/announcements/[slug]/page.tsx

@@ -13,16 +13,22 @@ export function generateStaticParams() {
   return getStaticPostParams("announcement");
 }
 
-export function generateMetadata({ params }: Readonly<{ params: { slug: string } }>): Metadata {
+export async function generateMetadata({ params }: Readonly<{ params: Promise<{ slug: string }> }>): Promise<Metadata> {
+  const { slug } = await params;
+  const canonical = routeHref("", `/announcements/${slug}`);
   return {
     alternates: {
-      canonical: routeHref("", `/announcements/${params.slug}`),
+      canonical,
+    },
+    openGraph: {
+      url: canonical,
     },
   };
 }
 
-export default function Page({ params }: Readonly<{ params: { slug: string } }>) {
-  const post = findAnnouncement(params.slug);
+export default async function Page({ params }: Readonly<{ params: Promise<{ slug: string }> }>) {
+  const { slug } = await params;
+  const post = findAnnouncement(slug);
   if (!post) notFound();
   const content = getSiteContent("en");
   return <><SiteHeader locale="en" content={content} /><PostPage locale="en" content={content} post={post} /><SiteFooter locale="en" content={content} /></>;

apps/site/app/blog/[slug]/page.tsx

@@ -13,16 +13,22 @@ export function generateStaticParams() {
   return getStaticPostParams("blog");
 }
 
-export function generateMetadata({ params }: Readonly<{ params: { slug: string } }>): Metadata {
+export async function generateMetadata({ params }: Readonly<{ params: Promise<{ slug: string }> }>): Promise<Metadata> {
+  const { slug } = await params;
+  const canonical = routeHref("", `/blog/${slug}`);
   return {
     alternates: {
-      canonical: routeHref("", `/blog/${params.slug}`),
+      canonical,
+    },
+    openGraph: {
+      url: canonical,
     },
   };
 }
 
-export default function Page({ params }: Readonly<{ params: { slug: string } }>) {
-  const post = findBlogPost(params.slug);
+export default async function Page({ params }: Readonly<{ params: Promise<{ slug: string }> }>) {
+  const { slug } = await params;
+  const post = findBlogPost(slug);
   if (!post) notFound();
   const content = getSiteContent("en");
   return <><SiteHeader locale="en" content={content} /><PostPage locale="en" content={content} post={post} /><SiteFooter locale="en" content={content} /></>;

apps/site/app/es/announcements/[slug]/page.tsx

@@ -13,16 +13,22 @@ export function generateStaticParams() {
   return getStaticPostParams("announcement");
 }
 
-export function generateMetadata({ params }: Readonly<{ params: { slug: string } }>): Metadata {
+export async function generateMetadata({ params }: Readonly<{ params: Promise<{ slug: string }> }>): Promise<Metadata> {
+  const { slug } = await params;
+  const canonical = routeHref("/es", `/announcements/${slug}`);
   return {
     alternates: {
-      canonical: routeHref("/es", `/announcements/${params.slug}`),
+      canonical,
+    },
+    openGraph: {
+      url: canonical,
     },
   };
 }
 
-export default function Page({ params }: Readonly<{ params: { slug: string } }>) {
-  const post = findAnnouncement(params.slug);
+export default async function Page({ params }: Readonly<{ params: Promise<{ slug: string }> }>) {
+  const { slug } = await params;
+  const post = findAnnouncement(slug);
   if (!post) notFound();
   const content = getSiteContent("es");
   return <><SiteHeader locale="es" content={content} /><PostPage locale="es" content={content} post={post} /><SiteFooter locale="es" content={content} /></>;

apps/site/app/es/blog/[slug]/page.tsx

@@ -13,16 +13,22 @@ export function generateStaticParams() {
   return getStaticPostParams("blog");
 }
 
-export function generateMetadata({ params }: Readonly<{ params: { slug: string } }>): Metadata {
+export async function generateMetadata({ params }: Readonly<{ params: Promise<{ slug: string }> }>): Promise<Metadata> {
+  const { slug } = await params;
+  const canonical = routeHref("/es", `/blog/${slug}`);
   return {
     alternates: {
-      canonical: routeHref("/es", `/blog/${params.slug}`),
+      canonical,
+    },
+    openGraph: {
+      url: canonical,
     },
   };
 }
 
-export default function Page({ params }: Readonly<{ params: { slug: string } }>) {
-  const post = findBlogPost(params.slug);
+export default async function Page({ params }: Readonly<{ params: Promise<{ slug: string }> }>) {
+  const { slug } = await params;
+  const post = findBlogPost(slug);
   if (!post) notFound();
   const content = getSiteContent("es");
   return <><SiteHeader locale="es" content={content} /><PostPage locale="es" content={content} post={post} /><SiteFooter locale="es" content={content} /></>;

apps/site/app/ja/announcements/[slug]/page.tsx

@@ -13,16 +13,22 @@ export function generateStaticParams() {
   return getStaticPostParams("announcement");
 }
 
-export function generateMetadata({ params }: Readonly<{ params: { slug: string } }>): Metadata {
+export async function generateMetadata({ params }: Readonly<{ params: Promise<{ slug: string }> }>): Promise<Metadata> {
+  const { slug } = await params;
+  const canonical = routeHref("/ja", `/announcements/${slug}`);
   return {
     alternates: {
-      canonical: routeHref("/ja", `/announcements/${params.slug}`),
+      canonical,
+    },
+    openGraph: {
+      url: canonical,
     },
   };
 }
 
-export default function Page({ params }: Readonly<{ params: { slug: string } }>) {
-  const post = findAnnouncement(params.slug);
+export default async function Page({ params }: Readonly<{ params: Promise<{ slug: string }> }>) {
+  const { slug } = await params;
+  const post = findAnnouncement(slug);
   if (!post) notFound();
   const content = getSiteContent("ja");
   return <><SiteHeader locale="ja" content={content} /><PostPage locale="ja" content={content} post={post} /><SiteFooter locale="ja" content={content} /></>;

apps/site/app/ja/blog/[slug]/page.tsx

@@ -13,16 +13,22 @@ export function generateStaticParams() {
   return getStaticPostParams("blog");
 }
 
-export function generateMetadata({ params }: Readonly<{ params: { slug: string } }>): Metadata {
+export async function generateMetadata({ params }: Readonly<{ params: Promise<{ slug: string }> }>): Promise<Metadata> {
+  const { slug } = await params;
+  const canonical = routeHref("/ja", `/blog/${slug}`);
   return {
     alternates: {
-      canonical: routeHref("/ja", `/blog/${params.slug}`),
+      canonical,
+    },
+    openGraph: {
+      url: canonical,
     },
   };
 }
 
-export default function Page({ params }: Readonly<{ params: { slug: string } }>) {
-  const post = findBlogPost(params.slug);
+export default async function Page({ params }: Readonly<{ params: Promise<{ slug: string }> }>) {
+  const { slug } = await params;
+  const post = findBlogPost(slug);
   if (!post) notFound();
   const content = getSiteContent("ja");
   return <><SiteHeader locale="ja" content={content} /><PostPage locale="ja" content={content} post={post} /><SiteFooter locale="ja" content={content} /></>;

apps/site/app/pt-BR/announcements/[slug]/page.tsx

@@ -13,16 +13,22 @@ export function generateStaticParams() {
   return getStaticPostParams("announcement");
 }
 
-export function generateMetadata({ params }: Readonly<{ params: { slug: string } }>): Metadata {
+export async function generateMetadata({ params }: Readonly<{ params: Promise<{ slug: string }> }>): Promise<Metadata> {
+  const { slug } = await params;
+  const canonical = routeHref("/pt-BR", `/announcements/${slug}`);
   return {
     alternates: {
-      canonical: routeHref("/pt-BR", `/announcements/${params.slug}`),
+      canonical,
+    },
+    openGraph: {
+      url: canonical,
     },
   };
 }
 
-export default function Page({ params }: Readonly<{ params: { slug: string } }>) {
-  const post = findAnnouncement(params.slug);
+export default async function Page({ params }: Readonly<{ params: Promise<{ slug: string }> }>) {
+  const { slug } = await params;
+  const post = findAnnouncement(slug);
   if (!post) notFound();
   const content = getSiteContent("pt-BR");
   return <><SiteHeader locale="pt-BR" content={content} /><PostPage locale="pt-BR" content={content} post={post} /><SiteFooter locale="pt-BR" content={content} /></>;

apps/site/app/pt-BR/blog/[slug]/page.tsx

@@ -13,16 +13,22 @@ export function generateStaticParams() {
   return getStaticPostParams("blog");
 }
 
-export function generateMetadata({ params }: Readonly<{ params: { slug: string } }>): Metadata {
+export async function generateMetadata({ params }: Readonly<{ params: Promise<{ slug: string }> }>): Promise<Metadata> {
+  const { slug } = await params;
+  const canonical = routeHref("/pt-BR", `/blog/${slug}`);
   return {
     alternates: {
-      canonical: routeHref("/pt-BR", `/blog/${params.slug}`),
+      canonical,
+    },
+    openGraph: {
+      url: canonical,
     },
   };
 }
 
-export default function Page({ params }: Readonly<{ params: { slug: string } }>) {
-  const post = findBlogPost(params.slug);
+export default async function Page({ params }: Readonly<{ params: Promise<{ slug: string }> }>) {
+  const { slug } = await params;
+  const post = findBlogPost(slug);
   if (!post) notFound();
   const content = getSiteContent("pt-BR");
   return <><SiteHeader locale="pt-BR" content={content} /><PostPage locale="pt-BR" content={content} post={post} /><SiteFooter locale="pt-BR" content={content} /></>;

apps/site/app/zh/announcements/[slug]/page.tsx

@@ -13,16 +13,22 @@ export function generateStaticParams() {
   return getStaticPostParams("announcement");
 }
 
-export function generateMetadata({ params }: Readonly<{ params: { slug: string } }>): Metadata {
+export async function generateMetadata({ params }: Readonly<{ params: Promise<{ slug: string }> }>): Promise<Metadata> {
+  const { slug } = await params;
+  const canonical = routeHref("/zh", `/announcements/${slug}`);
   return {
     alternates: {
-      canonical: routeHref("/zh", `/announcements/${params.slug}`),
+      canonical,
+    },
+    openGraph: {
+      url: canonical,
     },
   };
 }
 
-export default function Page({ params }: Readonly<{ params: { slug: string } }>) {
-  const post = findAnnouncement(params.slug);
+export default async function Page({ params }: Readonly<{ params: Promise<{ slug: string }> }>) {
+  const { slug } = await params;
+  const post = findAnnouncement(slug);
   if (!post) notFound();
   const content = getSiteContent("zh");
   return <><SiteHeader locale="zh" content={content} /><PostPage locale="zh" content={content} post={post} /><SiteFooter locale="zh" content={content} /></>;

apps/site/app/zh/blog/[slug]/page.tsx

@@ -13,16 +13,22 @@ export function generateStaticParams() {
   return getStaticPostParams("blog");
 }
 
-export function generateMetadata({ params }: Readonly<{ params: { slug: string } }>): Metadata {
+export async function generateMetadata({ params }: Readonly<{ params: Promise<{ slug: string }> }>): Promise<Metadata> {
+  const { slug } = await params;
+  const canonical = routeHref("/zh", `/blog/${slug}`);
   return {
     alternates: {
-      canonical: routeHref("/zh", `/blog/${params.slug}`),
+      canonical,
+    },
+    openGraph: {
+      url: canonical,
     },
   };
 }
 
-export default function Page({ params }: Readonly<{ params: { slug: string } }>) {
-  const post = findBlogPost(params.slug);
+export default async function Page({ params }: Readonly<{ params: Promise<{ slug: string }> }>) {
+  const { slug } = await params;
+  const post = findBlogPost(slug);
   if (!post) notFound();
   const content = getSiteContent("zh");
   return <><SiteHeader locale="zh" content={content} /><PostPage locale="zh" content={content} post={post} /><SiteFooter locale="zh" content={content} /></>;