46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import { notFound } from "next/navigation";
|
|
import type { Metadata } from "next";
|
|
import { getProductBySlug } from "@/services/product.service";
|
|
import { getPreviewOrFallback } from "@/services/preview.service";
|
|
import { BlockRenderer } from "@/blocks/BlockRenderer";
|
|
import type { ProductPageDetail } from "@/types/wagtail";
|
|
|
|
interface ProductDetailPageProps {
|
|
params: Promise<{ slug: string }>;
|
|
}
|
|
|
|
export async function generateMetadata({
|
|
params,
|
|
}: ProductDetailPageProps): Promise<Metadata> {
|
|
const { slug } = await params;
|
|
const product = await getProductBySlug(slug).catch(() => null);
|
|
return { title: product?.title ?? "产品未找到" };
|
|
}
|
|
|
|
export default async function ProductDetailPage({
|
|
params,
|
|
}: ProductDetailPageProps) {
|
|
const { slug } = await params;
|
|
const product = await getPreviewOrFallback<ProductPageDetail>(
|
|
"products.productpage",
|
|
"body,summary",
|
|
() => getProductBySlug(slug).catch(() => null),
|
|
);
|
|
|
|
if (!product) {
|
|
notFound();
|
|
}
|
|
|
|
return (
|
|
<article className="mx-auto max-w-3xl px-6 py-24">
|
|
<h1 className="mb-4 text-4xl font-bold text-slate-900">
|
|
{product.title}
|
|
</h1>
|
|
{product.summary && (
|
|
<p className="mb-12 text-lg text-slate-600">{product.summary}</p>
|
|
)}
|
|
<BlockRenderer blocks={product.body} />
|
|
</article>
|
|
);
|
|
}
|