added blog page

app/blog/[slug]/page.js

@@ -0,0 +1,25 @@
+// @flow strict
+import { personalData } from "@/utils/data/personal-data";
+
+async function getBlog(slug) {
+  const res = await fetch(`https://dev.to/api/articles/${personalData.devUsername}/${slug}`)
+
+  if (!res.ok) {
+    throw new Error('Failed to fetch data')
+  }
+
+  const data = await res.json();
+  return data;
+};
+
+async function BlogDetails({params}) {
+  const slug = params.slug;
+  const blog = await getBlog(slug);
+
+  return (
+    <div>
+    </div>
+  );
+};
+
+export default BlogDetails;

app/blog/page.js

@@ -3,22 +3,19 @@
 import { personalData } from "@/utils/data/personal-data";
 import BlogCard from "../components/homepage/blog/blog-card";
 
-async function getData() {
+async function getBlogs() {
   const res = await fetch(`https://dev.to/api/articles?username=${personalData.devUsername}`)
 
   if (!res.ok) {
     throw new Error('Failed to fetch data')
   }
 
   const data = await res.json();
-
-  const filtered = data.filter((item) => item?.cover_image).sort(() => Math.random() - 0.5);
-
-  return filtered;
+  return data;
 };
 
 async function page() {
-  const blogs = await getData();
+  const blogs = await getBlogs();
 
   return (
     <div className="py-8">