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.
This commit is contained in:
Ege Can Komur
2026-05-20 02:13:09 +03:00
parent 0f20309e4d
commit f833d429fc
52 changed files with 2999 additions and 81 deletions
@@ -0,0 +1,16 @@
import { notFound } from "next/navigation";
import { getRow } from "@/lib/data";
import { TABLES } from "@/lib/appwrite-server";
import type { TestimonialRow } from "@/lib/types";
import { TestimonialForm } from "../../form";
export default async function EditTestimonialPage({
params,
}: {
params: Promise<{ id: string }>;
}) {
const { id } = await params;
const row = await getRow<TestimonialRow>(TABLES.testimonials, id);
if (!row) notFound();
return <TestimonialForm row={row} />;
}
@@ -0,0 +1,64 @@
import { Save } from "lucide-react";
import {
Checkbox,
Field,
FormActions,
FormShell,
GhostLink,
PageHeader,
PrimaryButton,
Textarea,
} from "@/components/admin/form";
import { saveTestimonial } from "@/lib/admin-actions";
import type { TestimonialRow } from "@/lib/types";
export function TestimonialForm({ row }: { row?: TestimonialRow }) {
return (
<div>
<PageHeader
title={row ? "Referansı düzenle" : "Yeni referans"}
backHref="/admin/referanslar"
/>
<form action={saveTestimonial}>
{row && <input type="hidden" name="id" value={row.$id} />}
<FormShell>
<div className="grid gap-5 md:grid-cols-2">
<Field label="İsim" name="name" required defaultValue={row?.name} />
<Field label="Görsel URL" name="image_url" type="url" defaultValue={row?.image_url} />
<Field label="Pozisyon" name="role" defaultValue={row?.role} />
<Field label="Firma" name="company" defaultValue={row?.company} />
<Field
label="Puan (15)"
name="rating"
type="number"
defaultValue={row?.rating ?? 5}
/>
<Field label="Sıra" name="order" type="number" defaultValue={row?.order ?? 0} />
</div>
<div className="mt-5">
<Textarea
label="Yorum"
name="message"
required
rows={5}
defaultValue={row?.message}
/>
</div>
<div className="mt-5">
<Checkbox
label="Öne çıkar"
name="featured"
defaultChecked={row?.featured ?? false}
/>
</div>
<FormActions>
<GhostLink href="/admin/referanslar">İptal</GhostLink>
<PrimaryButton>
<Save className="size-4" /> Kaydet
</PrimaryButton>
</FormActions>
</FormShell>
</form>
</div>
);
}
@@ -0,0 +1,5 @@
import { TestimonialForm } from "../form";
export default function NewTestimonialPage() {
return <TestimonialForm />;
}
@@ -0,0 +1,73 @@
import Link from "next/link";
import { Plus, Edit, Star } from "lucide-react";
import { PageHeader } from "@/components/admin/form";
import { DeleteButton } from "@/components/admin/delete-button";
import { listTestimonials } from "@/lib/data";
import { deleteTestimonial } from "@/lib/admin-actions";
export default async function TestimonialsAdminPage() {
const items = await listTestimonials();
return (
<div>
<PageHeader
title="Referanslar"
description="Müşteri yorumları ve değerlendirmeleri."
action={
<Link
href="/admin/referanslar/new"
className="inline-flex items-center gap-2 rounded-full bg-[var(--navy)] px-4 py-2 text-sm font-medium text-white transition hover:bg-[var(--navy-700)]"
>
<Plus className="size-4" /> Yeni referans
</Link>
}
/>
<div className="mt-6 grid gap-4 md:grid-cols-2">
{items.length === 0 && (
<div className="md:col-span-2 rounded-2xl border border-dashed border-[var(--border)] bg-white p-12 text-center text-sm text-[var(--muted)]">
Henüz referans eklenmemiş.
</div>
)}
{items.map((t) => (
<div
key={t.$id}
className="rounded-2xl border border-[var(--border)] bg-white p-5"
>
<div className="flex items-start justify-between">
<div>
<p className="text-base font-semibold text-[var(--navy)]">{t.name}</p>
<p className="text-xs text-[var(--muted)]">
{[t.role, t.company].filter(Boolean).join(" — ") || "—"}
</p>
</div>
<div className="flex items-center gap-0.5 text-amber-500">
{Array.from({ length: t.rating ?? 5 }).map((_, i) => (
<Star key={i} className="size-3.5 fill-current" />
))}
</div>
</div>
<p className="mt-3 text-sm leading-relaxed text-[var(--foreground)] line-clamp-4">
{t.message}
</p>
<div className="mt-4 flex items-center justify-between border-t border-[var(--border)] pt-3">
<span className="text-xs text-[var(--muted)]">
Sıra: {t.order ?? 0} {t.featured && "• Öne çıkan"}
</span>
<div className="flex items-center gap-2">
<Link
href={`/admin/referanslar/${t.$id}/edit`}
className="inline-flex items-center gap-1 rounded-md border border-[var(--border)] bg-white px-2.5 py-1.5 text-xs font-medium text-[var(--navy)] hover:bg-[var(--navy-50)]"
>
<Edit className="size-3.5" /> Düzenle
</Link>
<form action={deleteTestimonial}>
<input type="hidden" name="id" value={t.$id} />
<DeleteButton />
</form>
</div>
</div>
</div>
))}
</div>
</div>
);
}