Ege Can Komur
f833d429fc
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.
81 lines
2.4 KiB
TypeScript
81 lines
2.4 KiB
TypeScript
"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>
|
||
);
|
||
}
|