ada

diff --git a/app/blog/[slug]/page.tsx b/app/blog/[slug]/page.tsx
index c18dc69..f5579f0 100644
--- a/app/blog/[slug]/page.tsx
+++ b/app/blog/[slug]/page.tsx
@@ -19,10 +19,14 @@ const SingleBlog = async ({ params }: { params: { slug: string } }) => {
 
   const queryData: GetPostQuery = data;
   const post = queryData.post;
-  // console.log(post?.categories.nodes[0]);
+  console.log(post?.categories?.nodes.map((category) => category.name));
+  // console.log('sss');
+
   return (
     <main>
-      {/* <h3>{post?.categories[0].name}</h3> */}
+      {post?.categories?.nodes.map((category, index) => (
+        <div key={index}>{category.name}</div>
+      ))}
       <h1>{post?.title}</h1>
       <article dangerouslySetInnerHTML={{ __html: post?.content || '' }} />
     </main>
diff --git a/app/blog/page.tsx b/app/blog/page.tsx
index c52f31d..84daa32 100644
--- a/app/blog/page.tsx
+++ b/app/blog/page.tsx
@@ -17,20 +17,25 @@ const BlogHome = async () => {
       },
     },
   });
-  console.log(data.posts.nodes);
-  console.log('su');
   const posts: Post[] = data?.posts?.nodes;
 
   return (
-    <ol>
-      {posts?.map((item, index) => {
-        return (
-          <li key={index}>
-            <Link href={`/blog/${item.slug}` || ''}>{item.title}</Link>
-          </li>
-        );
-      })}
-    </ol>
+    <>
+      <ol>
+        {posts?.map((item, index) => {
+          return (
+            <li key={index}>
+              <Link href={`/blog/${item.slug}` || ''}>{item.title}</Link>
+            </li>
+          );
+        })}
+      </ol>
+      <div className="pagination">
+        <button>prev</button>
+        ...
+        <button>next</button>
+      </div>
+    </>
   );
 };
 export default BlogHome;