SEO-Friendly URL Slug & PermalinksLive Engine

// Next.js 14 App Router Dynamic Route
// File: src/app/blog/[slug]/page.tsx
export default async function BlogPostPage({
  params,
}: {
  params: { slug: string };
}) {
  const { slug } = params;
  // Current target slug: "10-proven-tips-best-practices-next-js-14-seo-2026"
  const post = await getPostBySlug(slug);

  return (
    <article className="max-w-3xl mx-auto py-12">
      <h1 className="text-4xl font-bold">{post.title}</h1>
      <div dangerouslySetInnerHTML={{ __html: post.content }} />
    </article>
  );
}