git commit -m "fix(blog): correct dynamic route structure for blog posts

- Restructure from app/blog/page[slug].tsx to app/blog/[slug]/page.tsx
- Update params handling for Next.js 16+ (await params Promise)
- Fix generateMetadata to await params
- Follow Next.js App Router conventions for dynamic segments

Fixes #31"

Author: devcavin

app/blog/page[slug].tsx app/blog/[slug]/page.tsxapp/blog/page[slug].tsx renamed to app/blog/[slug]/page.tsx

@@ -13,8 +13,13 @@ export async function generateStaticParams() {
   }));
 }
 
-export async function generateMetadata({ params }: { params: { slug: string } }) {
-  const post = getPostBySlug(params.slug);
+export async function generateMetadata({ 
+  params 
+}: { 
+  params: Promise<{ slug: string }> 
+}) {
+  const { slug } = await params;
+  const post = getPostBySlug(slug);
 
   if (!post) {
     return {
@@ -36,8 +41,13 @@ export async function generateMetadata({ params }: { params: { slug: string } })
   };
 }
 
-export default function BlogPostPage({ params }: { params: { slug: string } }) {
-  const post = getPostBySlug(params.slug);
+export default async function BlogPostPage({ 
+  params 
+}: { 
+  params: Promise<{ slug: string }> 
+}) {
+  const { slug } = await params;
+  const post = getPostBySlug(slug);
 
   if (!post) {
     notFound();