blog archive page

src/pages/archive.astro

@@ -0,0 +1,25 @@
+---
+import { format } from "date-fns";
+import Layout from "../layouts/Layout.astro";
+
+const response = await fetch(
+  `https://api.cosmicjs.com/v2/buckets/${
+    import.meta.env.BUCKET_SLUG
+  }/objects?pretty=true&query=%7B%22type%22%3A%22blog-posts%22%7D&read_key=${
+    import.meta.env.BUCKET_READ_KEY
+  }&skip=5&limit=25`
+);
+
+const posts = await response.json();
+---
+
+<Layout title="Blog Archive">
+  {
+    posts.objects.map((post) => (
+      <div>
+        <a href={`/${post.slug}`}>{post.title}</a> -{" "}
+        {format(new Date(post.published_at), "MMM do, y")}
+      </div>
+    ))
+  }
+</Layout>