Dashboard
Teknologi
v1.0.0

Analytics

1 unduhan2 dilihatDiperbarui 9 Oktober 2026
Cuplikan layar dashboard Analytics kategori teknologi dari TemplatKu

Tentang Template Ini

Analytics adalah template dashboard analitik gratis berbasis Laravel 13 + Inertia.js v3 + React yang dirancang untuk mengubah data bisnis menjadi insight yang mudah dibaca. Setiap komponen dibangun dengan design system shadcn-style yang konsisten, dari kartu statistik sampai grafik area yang responsif penuh. Template ini cocok untuk developer, freelancer, maupun pemilik UMKM Indonesia yang butuh panel admin analitik siap pakai tanpa harus membangun layout dari nol. Semua teks demo sudah berbahasa Indonesia, sehingga tinggal mengganti angka dan label sesuai kebutuhan proyek. Arsitektur Inertia v3 memakai deferred loading, jadi grafik berat bisa dimuat setelah halaman utama tampil, hasilnya pengalaman yang terasa cepat di koneksi internet Indonesia yang beragam.

Fitur utama Analytics meliputi stat card dengan indikator perubahan periode, area chart trafik yang interaktif, tabel pesanan terbaru dengan pencarian dan pengurutan, serta timeline aktivitas yang menampilkan kejadian terkini secara kronologis. Halaman Realtime menampilkan metrik pengunjung yang berjalan saat ini, halaman Audiens memetakan demografi pengguna, Akuisisi menunjukkan sumber trafik, Perilaku merangkum halaman populer, dan Laporan menyediakan ringkasan yang siap diekspor. Mode gelap bawaan membuat dashboard nyaman dipakai malam hari, dan seluruh tata letak responsif mulai dari ponsel sampai monitor lebar.

Tech stack: Laravel 13 sebagai backend, Inertia.js v3 untuk koneksi server-client tanpa API manual, React 18 untuk komponen UI, Tailwind CSS v4 dengan design token oklch untuk light dan dark mode, serta komponen shadcn-style yang bisa disalin ke proyek lain. Build memakai Vite dengan code splitting per route, sehingga bundle JavaScript halaman publik tetap ramping dan Core Web Vitals terjaga.

Daftar halaman: Dashboard (ringkasan bisnis: stat card, area chart trafik, tabel pesanan terbaru, timeline aktivitas), Realtime (pengunjung aktif dan halaman yang sedang dibuka), Audiens (usia, lokasi, dan perangkat pengunjung), Akuisisi (saluran datangnya trafik: organik, sosial, referral), Perilaku (halaman populer, durasi sesi, bounce rate), dan Laporan (ringkasan periode dengan tombol ekspor). Setiap halaman memakai pola page-header dan data-table yang sama, sehingga mudah diperluas.

Cara install: download file ZIP dari halaman ini, ekstrak ke dalam proyek Laravel 13 yang sudah punya Inertia.js v3 dan React, jalankan npm install lalu npm run dev untuk development atau npm run build untuk production. Atur TEMPLATE_FLAVOR di .env bila memakai mode multi-template, lalu buka route dashboard di browser. Struktur folder mengikuti konvensi Laravel standar sehingga developer yang sudah familiar langsung bisa jalan.

Catatan update: diperbarui terakhir pada 8 Oktober 2026 bersamaan dengan rilis katalog 60 template. Versi ini memakai deferred loading Inertia v3 untuk chart berat dan memperbaiki densitas tabel di layar kecil. Setiap revisi template akan ditandai tanggalnya di halaman ini, jadi Anda selalu tahu versi mana yang sedang dipakai.

Fitur Utama

  • Stat card + area chart
  • Tabel pesanan terbaru
  • Timeline aktivitas
  • Deferred loading (Inertia v3)

Teknologi

Laravel 13
Inertia.js v3
React 18
Tailwind CSS v4

Cara Memakai

  1. 1Download file ZIP template ini, lalu ekstrak.
  2. 2Jalankan composer install untuk mengunduh dependensi PHP.
  3. 3Jalankan npm install lalu npm run build untuk aset frontend.
  4. 4Salin .env.example menjadi .env, lalu php artisan key:generate.
  5. 5Jalankan php artisan migrate, lalu php artisan serve.

Pertanyaan Umum

Ya, 100% gratis. Anda boleh memakai, memodifikasi, dan menyebarkannya termasuk untuk proyek komersial dan proyek klien tanpa biaya lisensi.

Changelogv1.0.0

Rilis awal.

Template Terkait