initial commit: project completion with proper gitignore

app/works/[slug]/page.tsx

@@ -0,0 +1,29 @@
+import { getProjectBySlug } from "@/app/actions";
+import WorkDetailClient from "@/components/WorkDetailClient";
+import { notFound } from "next/navigation";
+import { Metadata } from "next";
+
+export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
+    const { slug } = await params;
+    const data = await getProjectBySlug(slug);
+    if (!data) return {};
+
+    const { project } = data;
+    return {
+        title: project.title,
+        description: project.subtitle,
+        openGraph: {
+            title: `${project.title} | Muğla Dijital`,
+            description: project.subtitle,
+            images: [project.hero_image],
+        },
+    };
+}
+
+export default async function ProjectDetailPage({ params }: { params: Promise<{ slug: string }> }) {
+    const { slug } = await params;
+    const data = await getProjectBySlug(slug);
+    if (!data) notFound();
+
+    return <WorkDetailClient project={data.project} nextProject={data.nextProject} />;
+}