feat: admin panel CRUD, Cloudinary upload, logo, user management

This commit is contained in:
mstfyldz
2026-06-05 17:38:01 +03:00
parent 53eeeee474
commit 5e4e2f0db9
43 changed files with 3917 additions and 281 deletions
+62
View File
@@ -0,0 +1,62 @@
import Link from 'next/link'
import { LayoutDashboard, LogOut, Package, Settings, Tags, Users2 } from 'lucide-react'
import { logout } from '@/lib/auth'
import { redirect } from 'next/navigation'
export default function AdminLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<div className="flex h-screen bg-gray-100 overflow-hidden">
{/* Sidebar */}
<aside className="w-64 bg-white shadow-md flex flex-col hidden md:flex">
<div className="p-4 border-b">
<h2 className="text-xl font-bold text-gray-800">Admin Panel</h2>
</div>
<nav className="flex-1 p-4 space-y-2">
<Link href="/admin" className="flex items-center gap-3 px-3 py-2 text-gray-700 rounded-lg hover:bg-gray-100 transition-colors">
<LayoutDashboard size={20} />
<span>Dashboard</span>
</Link>
<Link href="/admin/categories" className="flex items-center gap-3 px-3 py-2 text-gray-700 rounded-lg hover:bg-gray-100 transition-colors">
<Tags size={20} />
<span>Kategoriler</span>
</Link>
<Link href="/admin/products" className="flex items-center gap-3 px-3 py-2 text-gray-700 rounded-lg hover:bg-gray-100 transition-colors">
<Package size={20} />
<span>Ürünler</span>
</Link>
<Link href="/admin/settings" className="flex items-center gap-3 px-3 py-2 text-gray-700 rounded-lg hover:bg-gray-100 transition-colors">
<Settings size={20} />
<span>Ayarlar</span>
</Link>
<Link href="/admin/users" className="flex items-center gap-3 px-3 py-2 text-gray-700 rounded-lg hover:bg-gray-100 transition-colors">
<Users2 size={20} />
<span>Kullanıcılar</span>
</Link>
</nav>
<div className="p-4 border-t">
<form action={async () => {
'use server'
await logout()
redirect('/admin/login')
}}>
<button className="flex items-center gap-3 w-full px-3 py-2 text-red-600 rounded-lg hover:bg-red-50 transition-colors">
<LogOut size={20} />
<span>Çıkış Yap</span>
</button>
</form>
</div>
</aside>
{/* Main Content */}
<main className="flex-1 overflow-y-auto bg-gray-50 p-6 md:p-8">
{children}
</main>
{/* Mobile Bottom Nav (Optional, simpler for now just a top bar) */}
</div>
)
}