rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: page and blog detail meta tags

Browse Source
This commit is contained in:
RizqiSyahrendra 2025-03-05 16:26:04 +07:00
parent 6fc4988506
commit 0a32380c4c
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/(main)/[slug]/page.tsx
View File

@ -15,6 +15,7 @@ export async function generateMetadata({ params }: { params: Promise<{ slug: str
let publishedAt = ""; let publishedAt = "";
let updatedAt = ""; let updatedAt = "";
let imgUrl = ""; let imgUrl = "";
let createdByName = "";
const slug = (await params).slug; const slug = (await params).slug;
const blog = await fetchBlogDetail(slug); const blog = await fetchBlogDetail(slug);
@ -26,6 +27,9 @@ export async function generateMetadata({ params }: { params: Promise<{ slug: str
imgUrl = blog.imgUrl; imgUrl = blog.imgUrl;
publishedAt = blog.data.createdAt; publishedAt = blog.data.createdAt;
updatedAt = blog.data.updatedAt; updatedAt = blog.data.updatedAt;
if (!!blog?.data?.createdBy && typeof blog.data.createdBy !== "number") {
createdByName = blog.data.createdBy?.name ?? "";
}
} else { } else {
// check for page data when blog is not found // check for page data when blog is not found
const page = await fetchPageBySlug({ slug }); const page = await fetchPageBySlug({ slug });
@ -35,22 +39,35 @@ export async function generateMetadata({ params }: { params: Promise<{ slug: str
imgUrl = page.heroImg?.url; imgUrl = page.heroImg?.url;
publishedAt = page.createdAt; publishedAt = page.createdAt;
updatedAt = page.updatedAt; updatedAt = page.updatedAt;
if (!!page?.createdBy && typeof page.createdBy !== "number") {
createdByName = page?.createdBy?.name ?? "";
}
} }
} }
defaultMetadata.title = title; defaultMetadata.title = title;
defaultMetadata.description = description; defaultMetadata.description = description;
if (!!defaultMetadata.openGraph) { if (!!defaultMetadata.openGraph) {
defaultMetadata.openGraph.title = title;
// @ts-ignore // @ts-ignore
defaultMetadata.openGraph.type = "article"; defaultMetadata.openGraph.type = "article";
defaultMetadata.openGraph.description = description;
defaultMetadata.openGraph.title = title; defaultMetadata.openGraph.title = title;
defaultMetadata.openGraph.description = description;
defaultMetadata.openGraph.images = !!imgUrl ? { url: imgUrl } : undefined; defaultMetadata.openGraph.images = !!imgUrl ? { url: imgUrl } : undefined;
} }
defaultMetadata.twitter = {
card: "summary_large_image",
title: title,
description: description,
images: !!imgUrl ? { url: imgUrl } : undefined,
};
defaultMetadata.other = { defaultMetadata.other = {
"article:published_time": publishedAt, "article:published_time": publishedAt,
"article:modified_time": updatedAt, "article:modified_time": updatedAt,
"twitter:label1": "Written by",
"twitter:data1": !!createdByName ? createdByName : "Admin",
"twitter:label2": "Est. reading time",
"twitter:data2": "3 minutes",
}; };
return defaultMetadata; return defaultMetadata;