chore: update blog routing and header link

- Removed the redirects for the blog route in the configuration.
- Updated the blog link in the Header component to include a trailing slash.
- Added a new index page for the blog to display all posts.

3 files changed, 18 insertions, 7 deletions

diff --git a/astro.config.mjs b/astro.config.mjs
index d8e7708..07e5d30 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -15,10 +15,4 @@ export default defineConfig({
 			theme: "vitesse-dark",
 		},
 	},
-	redirects: {
-		"/blog": {
-			destination: "/",
-			status: 301,
-		},
-	},
 });
diff --git a/src/components/Header.astro b/src/components/Header.astro
index b371be6..4571a5c 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -18,5 +18,5 @@
 
 <header>
 	<a href="/">Home</a>
-	<a href="/blog">Blog</a>
+	<a href="/blog/">Blog</a>
 </header>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
new file mode 100644
index 0000000..210a7a1
--- /dev/null
+++ b/src/pages/blog/index.astro
@@ -0,0 +1,17 @@
+---
+import { getCollection } from "astro:content";
+import Layout from "../../layouts/BaseLayout.astro";
+import PostSummary from "../../components/PostSummary.astro";
+
+const posts = await getCollection("blog", ({ data }) => {
+	return data.draft !== true;
+});
+
+posts.sort((a, b) => b.data.pubDate.getTime() - a.data.pubDate.getTime());
+---
+
+<Layout>
+	<section style={{ "margin-top": "3rem" }}>
+		{posts.map((post) => <PostSummary post={post} />)}
+	</section>
+</Layout>