سایت با نکست 14هست میخواهم url تغییر کنه از id به slug فارسی
صفحات محصولت (که الان به شکل /product/123 هست) تبدیل بشه به چیزی مثل:
Product/فروش-عمده-گندم
import { notFound } from "next/navigation";
// شبیهسازی دیتابیس
const products = [
{ id: 1, title: "گندم مرغی", slug: "gandom-marghi" },
{ id: 2, title: "جو دوسر", slug: "jo-doosar" }
];
export async function generateStaticParams() {
return products.map((p) => ({
slug: p.slug,
}));
}
export default function ProductPage({ params }) {
const product = products.find((p) => p.slug === params.slug);
if (!product) return notFound();
return (
{product.title}
محصول با اسلاگ: {params.slug}
);
}
البته slug رو از دیتابیس مپ کنی به id تا درست ریدایرکت کنه (یا API بزنی