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,80 @@
+"use client";
+
+import Image from "next/image";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import {
+  LayoutDashboard,
+  Newspaper,
+  Layers,
+  Briefcase,
+  MessageSquareQuote,
+  Search,
+  Inbox,
+  Image as ImageIcon,
+  type LucideIcon,
+} from "lucide-react";
+
+type Item = { href: string; label: string; icon: LucideIcon };
+
+const items: Item[] = [
+  { href: "/admin", label: "Pano", icon: LayoutDashboard },
+  { href: "/admin/blog", label: "Blog", icon: Newspaper },
+  { href: "/admin/hizmetler", label: "Hizmetler", icon: Layers },
+  { href: "/admin/projeler", label: "Projeler", icon: Briefcase },
+  { href: "/admin/referanslar", label: "Referanslar", icon: MessageSquareQuote },
+  { href: "/admin/seo", label: "SEO", icon: Search },
+  { href: "/admin/iletisim", label: "Mesajlar", icon: Inbox },
+  { href: "/admin/medya", label: "Medya", icon: ImageIcon },
+];
+
+export function AdminSidebar() {
+  const pathname = usePathname();
+
+  return (
+    <aside className="hidden w-64 shrink-0 border-r border-[var(--border)] bg-white md:flex md:flex-col">
+      <Link
+        href="/admin"
+        className="flex items-center gap-3 border-b border-[var(--border)] px-5 py-4"
+      >
+        <Image src="/logo.png" alt="Kovak Yazılım" width={36} height={36} />
+        <div>
+          <p className="text-sm font-semibold text-[var(--navy)]">Kovak Yazılım</p>
+          <p className="text-xs text-[var(--muted)]">Yönetim Paneli</p>
+        </div>
+      </Link>
+
+      <nav className="flex-1 space-y-1 p-3">
+        {items.map((it) => {
+          const active =
+            it.href === "/admin"
+              ? pathname === "/admin"
+              : pathname.startsWith(it.href);
+          const Icon = it.icon;
+          return (
+            <Link
+              key={it.href}
+              href={it.href}
+              className={`flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition ${
+                active
+                  ? "bg-[var(--navy)] text-white"
+                  : "text-[var(--muted)] hover:bg-[var(--navy-50)] hover:text-[var(--navy)]"
+              }`}
+            >
+              <Icon className="size-4" />
+              {it.label}
+            </Link>
+          );
+        })}
+      </nav>
+
+      <Link
+        href="/"
+        target="_blank"
+        className="border-t border-[var(--border)] px-5 py-3 text-xs text-[var(--muted)] hover:text-[var(--navy)]"
+      >
+        ↗ Siteyi görüntüle
+      </Link>
+    </aside>
+  );
+}