first commit

app/[lang]/blog/page.tsx

@@ -0,0 +1,47 @@
+import { getDictionary } from "@/get-dictionary";
+import type { Locale } from "@/i18n-config";
+import BlogClient from "@/components/BlogClient";
+import { getBlogPosts } from "@/app/actions";
+
+export async function generateMetadata({ params }: { params: Promise<{ lang: Locale }> }) {
+  const { lang } = await params;
+  const dict = await getDictionary(lang);
+  return {
+    title: `${dict.blog.title} | ${dict.nav.brandName}${dict.nav.brandSub}`,
+    description: dict.blog.desc,
+  };
+}
+
+export default async function BlogPage({ params }: { params: Promise<{ lang: Locale }> }) {
+  const { lang } = await params;
+  const dict = await getDictionary(lang);
+  
+  const dbPosts = await getBlogPosts();
+  
+  const initialPosts = dbPosts.map((dbPost) => ({
+    id: dbPost.id,
+    slug: dbPost.slug,
+    date: dbPost.date,
+    author: dbPost.author,
+    authorRole: dbPost.authorRole,
+    image: dbPost.image,
+    tr: {
+      title: dbPost.trTitle,
+      excerpt: dbPost.trExcerpt,
+      readingTime: dbPost.trReadingTime,
+      category: dbPost.trCategory,
+      tags: dbPost.trTags,
+      content: dbPost.trContent,
+    },
+    en: {
+      title: dbPost.enTitle,
+      excerpt: dbPost.enExcerpt,
+      readingTime: dbPost.enReadingTime,
+      category: dbPost.enCategory,
+      tags: dbPost.enTags,
+      content: dbPost.enContent,
+    }
+  }));
+
+  return <BlogClient lang={lang} dict={dict} initialPosts={initialPosts} />;
+}