07. Dashboard & Panel Administrasi

Ringkasan

Dasbor Admin menyediakan portal pusat bagi administrator untuk memantau metrik aplikasi, mengelola data pengguna, mengatur tema, menyesuaikan konfigurasi integrasi pihak ketiga, mengoptimalkan SEO, dan memantau log aktivitas.

Layout & Tata Letak

Tata letak halaman admin (src/app/(admin)/layout.tsx) terintegrasi dengan sidebar navigasi responsif, bar atas header dengan tombol switcher bahasa, menu profil, dan guard hak akses rute.

mermaid

graph TD
    AdminLayout["src/app/(admin)/layout.tsx"]
    Header["Site Header (src/components/site-header.tsx)"]
    Sidebar["App Sidebar (src/components/app-sidebar.tsx)"]
    Guard["Route Guard (src/components/route-guard.tsx)"]
    PageContent["Admin Page View"]

    AdminLayout --> Header
    AdminLayout --> Sidebar
    AdminLayout --> Guard
    Guard --> PageContent

Daftar Halaman Admin

Rute Halaman	Tujuan	Hak Akses Minimal
`/dashboard`	Pemantauan metrik utama sistem & pintasan cepat	Terotentikasi
`/users`	Pengelolaan data pengguna (CRUD), ubah peran, sakelar blokir	`users.view`
`/settings/roles`	Pengaturan Matriks RBAC & Hak Akses	`roles.manage`
`/settings/theme`	Modifikasi skema warna, font, radius tombol live	`theme.update`
`/settings/integrations`	Input key pembayaran, cloud storage, AI, & OAuth	`integrations.manage`
`/settings/seo`	Parameter SEO metadata, robots.txt & Placak Analytics	`seo.manage`
`/settings/audit`	Riwayat Jejak Audit & Keamanan	`audit.view`

Berkas Terkait

src/app/(admin)/layout.tsx — Pembungkus tata letak admin

src/components/site-header.tsx — Bar header dashboard

src/components/app-sidebar.tsx — Sidebar navigasi dashboard