feat: admin paneli + blog + testimonials + SEO yöneticisi

Backend altyapısı: - 4 yeni Appwrite tablosu: blog_posts, testimonials, seo_pages, seo_settings - Appwrite Storage bucket: kovak-yazilim-media (görsel yüklemeleri) - Appwrite Auth ile session cookie tabanlı koruma Admin paneli (/admin): - Login akışı (email/password) + protected layout - Dashboard: sayım kartları + hızlı aksiyonlar - Blog CRUD: markdown content, kapak görseli, draft/published, SEO alanları - Services CRUD: lucide ikon seçici - Projects CRUD: teknoloji etiketleri, live URL - Testimonials CRUD: puanlama - SEO yöneticisi: global ayarlar + sayfa bazlı override - Mesaj inbox: status filtreleme + güncelleme - Medya kütüphanesi: Appwrite Storage upload/delete Public: - /blog ve /blog/[slug] sayfaları (markdown render) - Anasayfaya Testimonials bölümü - Tüm public sayfalarda generateMetadata + seo_pages override - Header'a Blog linki Route yapısı: - app/(site)/ — public site, Header/Footer ortak - app/admin/login — auth dışı - app/admin/(protected)/ — requireUser() korumalı 23 route üretiliyor, public static, admin dynamic.
2026-05-20 02:13:09 +03:00
parent 0f20309e4d
commit f833d429fc
52 changed files with 2999 additions and 81 deletions
@@ -0,0 +1,102 @@
+import Image from "next/image";
+import Link from "next/link";
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+import { ArrowLeft, Calendar } from "lucide-react";
+import { marked } from "marked";
+import { getPostBySlug } from "@/lib/data";
+import { buildMetadata } from "@/lib/seo";
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}): Promise<Metadata> {
+  const { slug } = await params;
+  const post = await getPostBySlug(slug);
+  if (!post) return { title: "Yazı bulunamadı" };
+  return buildMetadata(`/blog/${slug}`, {
+    title: post.seo_title || post.title,
+    description: post.seo_description || post.excerpt || undefined,
+    openGraph: {
+      title: post.seo_title || post.title,
+      description: post.seo_description || post.excerpt || undefined,
+      images: post.seo_image || post.cover_image ? [{ url: (post.seo_image || post.cover_image) as string }] : undefined,
+      type: "article",
+    },
+  });
+}
+
+export default async function BlogPostPage({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const { slug } = await params;
+  const post = await getPostBySlug(slug);
+  if (!post || post.status !== "published") notFound();
+
+  const html = post.content ? marked.parse(post.content, { async: false }) as string : "";
+
+  return (
+    <article className="mx-auto max-w-3xl px-6 py-20">
+      <Link
+        href="/blog"
+        className="inline-flex items-center gap-1 text-sm text-[var(--muted)] hover:text-[var(--navy)]"
+      >
+        <ArrowLeft className="size-3.5" /> Tüm yazılar
+      </Link>
+
+      <header className="mt-6 border-b border-[var(--border)] pb-8">
+        {post.tags && post.tags.length > 0 && (
+          <div className="flex flex-wrap gap-2">
+            {post.tags.map((t) => (
+              <span
+                key={t}
+                className="rounded-full bg-[var(--sky-50)] px-2.5 py-1 text-xs text-[var(--sky-600)]"
+              >
+                {t}
+              </span>
+            ))}
+          </div>
+        )}
+        <h1 className="mt-4 text-3xl font-bold leading-tight tracking-tight text-[var(--navy)] sm:text-4xl">
+          {post.title}
+        </h1>
+        {post.excerpt && (
+          <p className="mt-4 text-lg leading-relaxed text-[var(--muted)]">
+            {post.excerpt}
+          </p>
+        )}
+        <div className="mt-6 flex items-center gap-3 text-xs text-[var(--muted)]">
+          {post.author && <span>{post.author}</span>}
+          {post.author && post.published_at && <span>•</span>}
+          {post.published_at && (
+            <span className="inline-flex items-center gap-1">
+              <Calendar className="size-3" />
+              {new Date(post.published_at).toLocaleDateString("tr-TR")}
+            </span>
+          )}
+        </div>
+      </header>
+
+      {post.cover_image && (
+        <div className="relative mt-8 aspect-video overflow-hidden rounded-2xl">
+          <Image
+            src={post.cover_image}
+            alt={post.title}
+            fill
+            sizes="(min-width: 1024px) 768px, 100vw"
+            className="object-cover"
+            priority
+          />
+        </div>
+      )}
+
+      <div
+        className="prose prose-lg mt-10 max-w-none text-[var(--foreground)]"
+        dangerouslySetInnerHTML={{ __html: html }}
+      />
+    </article>
+  );
+}