Implementasi Hybrid AI Dashboard Blonjo

Pembuatan dashboard Blonjo modern dengan fitur AI Command Center, i18n, dan Dark Mode menggunakan React dan Astro.

1 Agustus 20261mnt baca

Inisialisasi Proyek: Membuat proyek Astro baru untuk dashboard Blonjo.
Integrasi Framework: Menambahkan React dan TailwindCSS v4 ke dalam proyek.
Dukungan i18n: Mengimplementasikan i18next dan react-i18next untuk mendukung bahasa Indonesia (ID) dan Inggris (EN).
Mode Tampilan: Menambahkan fitur Dark/Light mode menggunakan integrasi class native TailwindCSS dan state React.
Komponen Utama:
- TopNavbar: Navigasi atas yang modern dengan toggle bahasa dan mode tema.
- Dashboard: Halaman utama yang berisi metrik kunci, AI Command Center, dan Actionable Insights dari Penasihat Keuangan & Pembelian.
Penyesuaian Dependency: Beralih menggunakan pnpm dan setup deployment langsung ke VPS.

Integrasi nyata (API binding) dari backend sajen-api dan mcp-server ke komponen dashboard.
Validasi data analytic pada Actionable Insights.

Perubahan yang Dilakukan