diff --git a/public/_static/blog/noodle-resurrection.jpg b/public/_static/blog/noodle-resurrection.jpg
new file mode 100644
index 00000000..c9190b4c
Binary files /dev/null and b/public/_static/blog/noodle-resurrection.jpg differ
diff --git a/src/app/(site)/blog/page.tsx b/src/app/(site)/blog/page.tsx
index 6fe3cd3b..c29ce4ae 100644
--- a/src/app/(site)/blog/page.tsx
+++ b/src/app/(site)/blog/page.tsx
@@ -1,7 +1,45 @@
-export default function BlogPage() {
+import { getBlogPosts } from '@/lib/mdx';
+import { Button } from '@/primitives/button';
+import { MoveRightIcon } from 'lucide-react';
+import { notFound } from 'next/navigation';
+
+export default async function BlogPage() {
+  const posts = await getBlogPosts();
+
+  // TODO: once we have more than one post, we can use this to show the latest post
+  const latestPost = posts[0];
+
+  if (!latestPost) {
+    notFound();
+  }
+
   return (
-    <div>
-      <h1>Blog Page</h1>
-    </div>
+    <main className="py-12 md:py-16 lg:py-24">
+      <h1 className="mb-8 text-3xl font-medium md:text-4xl lg:mb-12">
+        Latest post
+      </h1>
+      <div key={latestPost.slug}>
+        <p className="mb-4 text-sm text-foreground-muted">
+          {latestPost.metadata.publishedAt}
+        </p>
+        <h3 className="mb-4 inline-block text-xl font-medium md:text-2xl">
+          {latestPost.metadata.title}
+        </h3>
+        <p className="max-w-prose text-balance text-sm leading-relaxed text-foreground-muted md:text-base">
+          {latestPost.metadata.summary}
+        </p>
+        <Button variant="default" size="sm" className="mt-6" asChild>
+          <a href={`/blog/${latestPost.slug}`}>
+            Read post <MoveRightIcon size={16} strokeWidth={3} />
+          </a>
+        </Button>
+      </div>
+      <h2 className="pt-12 text-2xl font-medium md:pt-16 md:text-3xl lg:pt-24">
+        More posts
+      </h2>
+      <p className="mt-6 text-balance text-left text-foreground-muted md:mt-12 md:text-center lg:mt-16">
+        🤪 Waiting on the Noodle team (Ahmed) to write more...
+      </p>
+    </main>
   );
 }
diff --git a/src/content/blog/hello-world.md b/src/content/blog/hello-world.md
deleted file mode 100644
index 7a7b9eca..00000000
--- a/src/content/blog/hello-world.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Hello World
-publishedAt: Jun 7th, 2024
-summary: A simple blog post to say hello to the world.
----
-
-This is a blog post content.
-
-```ts
-console.log('Hello World');
-```
diff --git a/src/content/blog/noodle-resurgence.md b/src/content/blog/noodle-resurgence.md
new file mode 100644
index 00000000..36ff56fb
--- /dev/null
+++ b/src/content/blog/noodle-resurgence.md
@@ -0,0 +1,12 @@
+---
+title: Noodle is back to life!
+publishedAt: Jun 7th, 2024
+summary: After a brief period of absence, Noodle is back again in the works. Learn more about what we have been up to, the story until now and what's next in the future of Noodle!
+image: /_static/blog/noodle-resurrection.jpg
+---
+
+This is a blog post content.
+
+```ts
+console.log('Hello World');
+```