initial

src/app/page.tsx

@@ -0,0 +1,36 @@
+import Link from 'next/link';
+import { getAllPosts } from '@/lib/markdown';
+import { format } from 'date-fns';
+
+export default async function Home() {
+  const posts = await getAllPosts();
+
+  return (
+    <main className="min-h-screen p-8 max-w-4xl mx-auto">
+      <h1 className="text-4xl font-bold mb-8">My Blog</h1>
+      <div className="grid gap-8">
+        {posts.map((post) => (
+          <article key={post.slug} className="border rounded-lg p-6 hover:shadow-lg transition-shadow">
+            <Link href={`/posts/${post.slug}`}>
+              <h2 className="text-2xl font-semibold mb-2">{post.title}</h2>
+              <div className="text-gray-600 mb-4">
+                {format(new Date(post.date), 'MMMM d, yyyy')}
+              </div>
+              <p className="text-gray-700 mb-4">{post.summary}</p>
+              <div className="flex gap-2">
+                {post.tags.map((tag) => (
+                  <span
+                    key={tag}
+                    className="bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm"
+                  >
+                    {tag}
+                  </span>
+                ))}
+              </div>
+            </Link>
+          </article>
+        ))}
+      </div>
+    </main>
+  );
+}