Add posts page

src/pages/posts/index.astro

@@ -0,0 +1,30 @@
+---
+import Layout from "@layouts/Layout.astro";
+import Header from "@components/Header.astro";
+import Footer from "@components/Footer.astro";
+import Main from "@layouts/Main.astro";
+import Card from "@components/Card.astro";
+import type { Frontmatter } from "../index.astro";
+
+const posts = await Astro.glob<Frontmatter>("./*.md");
+
+const sortedPosts = posts.sort(
+  (a, b) =>
+    Math.floor(new Date(b.frontmatter.datetime).getTime() / 1000) -
+    Math.floor(new Date(a.frontmatter.datetime).getTime() / 1000)
+);
+---
+
+<Layout title="Welcome to Astro.">
+  <Header />
+  <Main pageTitle="Posts" pageDesc="All the tags used in posts.">
+    <ul>
+      {
+        sortedPosts.map((post) => (
+          <Card href={post.url} post={post.frontmatter} />
+        ))
+      }
+    </ul>
+  </Main>
+  <Footer />
+</Layout>