diff --git a/src/components/SideBar.astro b/src/components/SideBar.astro
index 75dde59..98d4108 100644
--- a/src/components/SideBar.astro
+++ b/src/components/SideBar.astro
@@ -12,7 +12,7 @@
Home
Projects
-
Blog
+
Blog
CV
Support my Work
Contact
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
deleted file mode 100644
index a681736..0000000
--- a/src/pages/blog.astro
+++ /dev/null
@@ -1,57 +0,0 @@
----
-import BaseHead from '../components/BaseHead.astro';
-import Header from '../components/Header.astro';
-import Footer from '../components/Footer.astro';
-import { SITE_TITLE, SITE_DESCRIPTION } from '../config';
-
-// Use Astro.glob() to fetch all posts, and then sort them by date.
-const posts = (await Astro.glob('./blog/*.{md,mdx}')).sort(
- (a, b) => new Date(b.frontmatter.pubDate).valueOf() - new Date(a.frontmatter.pubDate).valueOf()
-);
----
-
-
-
-
-
-
-
-
-
-
-
-
- {posts.map((post) => (
- -
-
- {post.frontmatter.title}
-
- ))}
-
-
-
-
-
-
diff --git a/src/pages/blog/[page].astro b/src/pages/blog/[page].astro
new file mode 100644
index 0000000..dd92018
--- /dev/null
+++ b/src/pages/blog/[page].astro
@@ -0,0 +1,37 @@
+---
+import PageLayout from "../../layouts/Page.astro";
+import HorizontalCard from "../../components/HorizontalCard.astro";
+
+export async function getStaticPaths({ paginate }) {
+ const posts = (await Astro.glob("./*.{md,mdx}")).sort(
+ (a, b) => new Date(b.frontmatter.pubDate).valueOf() - new Date(a.frontmatter.pubDate).valueOf()
+ );
+
+ return paginate(posts, { pageSize: 10 });
+}
+const { page } = Astro.props;
+---
+
+
+
+
+ {page.data.map(( post ) => (
+
+
+
+ ))}
+
+
+
+
+
+