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:
@@ -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 (1–5)"
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user