Updated to fix 404 blog not found error

Author: hariesramdhani

app/blog/[slug]/page.tsx

@@ -1,9 +1,12 @@
 import { getPostData, getSortedPostsData } from '@/lib/posts'
 
 export async function generateStaticParams() {
-  const posts = getSortedPostsData()
-  return posts.map(post => ({ slug: post.slug }))
-}
+    const posts = getSortedPostsData();
+    return posts.map(post => ({
+      slug: post.slug,
+    }));
+  }
+  
 
 export default async function Post({ params }: { params: { slug: string } }) {
   const postData = await getPostData(params.slug)

app/blog/page.tsx

@@ -10,7 +10,7 @@ export default function BlogPage() {
       <div className="space-y-4">
         {allPostsData.map(({ slug, date, title }) => (
           <article key={slug} className="border-b pb-4">
-            <Link href={`/blog/${slug}`} className="text-xl font-semibold hover:text-blue-600">
+            <Link href={`/blog/${slug}/`} className="text-xl font-semibold hover:text-blue-600">
               {title}
             </Link>
             <p className="text-sm text-gray-500 mt-1">{new Date(date).toLocaleDateString()}</p>

next.config.mjs

@@ -1,13 +1,18 @@
-/**
-* @type {import('next').NextConfig}
-*/
+/** @type {import('next').NextConfig} */
 const nextConfig = {
-    output: "export",
-    images: {
-      loader: "akamai",
-      path: "",
-    },
-    assetPrefix: "/",
-  };
-  
-  export default nextConfig;
+  output: 'export',
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
+  // Remove the exportPathMap entirely or use this alternative:
+  async exportPathMap() {
+    return {
+      '/': { page: '/' },
+      '/blog': { page: '/blog' },
+      // Blog posts will be automatically generated by generateStaticParams
+    }
+  }
+}
+
+export default nextConfig