fda

app/blog/[slug]/generateStaticParams.ts

@@ -5,10 +5,3 @@ export async function generateStaticParams() {
     slug: post.slug,  // Generate paths based on the `slug`
   })); 
 }
-export default function Page({ params }) {
-  const { slug } = params
-
-  return (
- <div>{slug}</div>
-)
-}

app/blog/[slug]/page.tsx

@@ -9,11 +9,11 @@ interface BlogPostPageProps {
   };
 }
 
-const BlogPostPage = ({ params }: BlogPostPageProps) => {
-  const post: BlogPost | undefined = posts.find((p) => p.slug === params.slug);
+const BlogPostPage = ({ params }: { params: { slug: string } }) => {
+  const post = posts.find((p) => p.slug === params.slug);
 
   if (!post) {
-    notFound();  // Return 404 if the post is not found
+    notFound(); // Return 404 if the post is not found
   }
   const formattedDate = new Date(post.date).toLocaleDateString('en-US', {
     year: 'numeric',

app/globals.css

@@ -5,7 +5,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Caveat:[email protected]&display=swap');
 
 :root {
-  --color-primary: #e6e6e6;
+  --color-primary: #ffffff;
   --color-secondary: #242424;
   --color-third: #2cffbf;
   --color-four: #5e716a;