initial commit
This commit is contained in:
@@ -0,0 +1,33 @@
|
||||
import { Navigation } from "@/components/navigation";
|
||||
import { BlogCard } from "@/components/blog-card";
|
||||
import { getBlogPosts } from "@/lib/content";
|
||||
import type { Metadata } from "next";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Blog",
|
||||
description: "Read my latest blog posts about web development",
|
||||
};
|
||||
|
||||
export default function BlogPage() {
|
||||
const posts = getBlogPosts();
|
||||
|
||||
return (
|
||||
<div className="min-h-screen">
|
||||
<Navigation />
|
||||
<main className="container mx-auto px-6 py-16 max-w-4xl">
|
||||
<div className="mb-16">
|
||||
<h1 className="text-4xl font-bold text-foreground mb-4">Blog</h1>
|
||||
<p className="text-lg text-muted-foreground">
|
||||
Thoughts, tutorials, and insights about web development
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid gap-12">
|
||||
{posts.map((post) => (
|
||||
<BlogCard key={post.slug} post={post} />
|
||||
))}
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user