basic blog with release notes

website/src/components/BlogPost.astro

@@ -0,0 +1,21 @@
+---
+import type { CollectionEntry } from 'astro:content';
+
+type Props = CollectionEntry<'blog'>['data'];
+
+const { post } = Astro.props;
+const { Content } = await post.render();
+---
+
+<article
+  class="prose max-w-none prose-headings:font-sans prose-headings:font-black prose-headings:text-slate-900 dark:prose-headings:text-gray-200 dark:text-gray-400 dark:prose-strong:text-gray-400 dark:prose-code:text-slate-400 dark:prose-a:text-gray-300 prose-a:text-slate-900 prose-blockquote:text-slate-800 dark:prose-blockquote:text-slate-400"
+>
+  <div class="pb-2">
+    <div class="md:flex justify-between">
+      <h1 class="mb-4">{post.title}</h1>
+    </div>
+  </div>
+  <div>
+    <Content />
+  </div>
+</article>