96 lines
2.6 KiB
JavaScript
96 lines
2.6 KiB
JavaScript
import BlogPage from "@/components/blog";
|
|
import Layout from "@/components/layout/StLayout";
|
|
import { fetchReq } from "@/lib/req";
|
|
import { getStateInfo } from "@/lib/getStateInfo";
|
|
import { normalizeBlog, imageUrl } from "@/helper";
|
|
|
|
const FALLBACK_IMG = "https://www.nobat724.com/assets/images/logo.png";
|
|
|
|
export async function generateMetadata({ params }) {
|
|
const { slug } = await params;
|
|
const API_URL = process.env.NEXT_PUBLIC_API_URL;
|
|
const { matchedCity } = await getStateInfo();
|
|
const siteName = matchedCity?.site_name || "نوبت 724";
|
|
|
|
try {
|
|
const res = await fetchReq(`${API_URL}/api/v1/blog/${slug}`);
|
|
const blog = res?.data?.data;
|
|
if (!blog) return {};
|
|
|
|
const title = `${blog.title} | ${siteName}`;
|
|
const rawText = (blog.summary || blog.body || "")
|
|
.replace(/<[^>]*>/g, "")
|
|
.trim();
|
|
const description = rawText.slice(0, 160) || blog.title;
|
|
const image = blog.image_url ? imageUrl(blog.image_url) : FALLBACK_IMG;
|
|
|
|
return {
|
|
title,
|
|
description,
|
|
openGraph: {
|
|
title,
|
|
description,
|
|
type: "article",
|
|
...(blog.created_at && {
|
|
publishedTime: new Date(blog.created_at * 1000).toISOString(),
|
|
}),
|
|
images: [image],
|
|
},
|
|
twitter: {
|
|
card: "summary_large_image",
|
|
title,
|
|
description,
|
|
images: [image],
|
|
},
|
|
};
|
|
} catch {
|
|
return {};
|
|
}
|
|
}
|
|
|
|
async function Blog({ params }) {
|
|
const { slug } = await params;
|
|
const API_URL = process.env.NEXT_PUBLIC_API_URL;
|
|
|
|
const res = await fetchReq(`${API_URL}/api/v1/blog/${slug}`);
|
|
const blog = normalizeBlog(res?.data?.data);
|
|
|
|
let relatedBlogs = [];
|
|
const relatedResponse = await fetchReq(
|
|
`${API_URL}/api/v1/blogs?page=1&limit=6`
|
|
);
|
|
relatedBlogs = (relatedResponse?.data || [])
|
|
.filter((b) => b.uuid !== blog?.uuid)
|
|
.slice(0, 4)
|
|
.map(normalizeBlog);
|
|
|
|
const jsonLd = blog
|
|
? {
|
|
"@context": "https://schema.org",
|
|
"@type": "Article",
|
|
headline: blog.title,
|
|
...(blog.images?.[0]?.url && { image: imageUrl(blog.images[0].url) }),
|
|
...(blog.created && {
|
|
datePublished: new Date(blog.created * 1000).toISOString(),
|
|
}),
|
|
...(blog.author && { author: { "@type": "Person", name: blog.author } }),
|
|
}
|
|
: null;
|
|
|
|
return (
|
|
<>
|
|
{jsonLd && (
|
|
<script
|
|
type="application/ld+json"
|
|
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
|
|
/>
|
|
)}
|
|
<Layout>
|
|
<BlogPage blog={blog} blogs={relatedBlogs} />
|
|
</Layout>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default Blog;
|