Thiet ke va xay dung UI cho XuongMedia Dashboard - Enterprise CRM light theme, Tailwind CSS 4, Recharts, Lucide icons, responsive sidebar. Kich hoat khi user yeu cau thay doi giao dien, them trang moi, them chart, CRUD features, hoac sua layout.
// Moi page PHAI theo pattern nay:
<>
<NavBar />
<div className="md:ml-64"> {/* offset cho sidebar */}
<div className="mx-auto max-w-7xl px-4 py-6 lg:px-8">
{/* Content */}
</div>
</div>
</>
<ResponsiveContainer width="100%" height={300}>contentStyle={{ background: '#1e293b', border: '1px solid #334155', borderRadius: 12 }}<defs><linearGradient> trong SVGKhi them chuc nang CRUD moi:
app/api/dash/{resource}/route.jsif (!verifyToken(request)) return 401const client = await getClientPromise(); const db = client.db('xuongmedia');apiPost() cho mutations, api() cho queriesanimate-gradient — login background gradient shift (8s)animate-fade-in-up — page content entrance (0.4s)