POS / Kasir

Tentang Template Ini
Antrean kasir yang lambat bikin pelanggan kabur. Kasir masih menghitung kembalian pakai kalkulator HP, stok tidak tercatat saat barang terjual, dan omzet harian baru diketahui setelah tutup toko. POS adalah template dashboard kasir gratis yang dirancang seperti terminal kasir sungguhan: grid produk yang bisa diklik cepat, keranjang belanja yang terupdate otomatis, perhitungan kembalian instan, dan tombol cetak struk thermal ukuran 58mm maupun 80mm. Template ini cocok untuk pemilik warung, kafe, barbershop, atau toko kelontong yang ingin tampilan kasir modern, juga untuk developer yang membangun sistem point of sale untuk klien UMKM. Seluruh label berbahasa Indonesia dan memakai format Rupiah, jadi kasir bisa langsung paham tanpa pelatihan lama. Tampilannya responsif dan tombol-tombolnya besar, nyaman dipakai di layar sentuh tablet kasir.
Fitur utama yang sudah tersedia: - Grid produk plus keranjang: klik produk untuk masuk keranjang, ubah jumlah, dan hapus item dengan cepat. - Hitung kembalian otomatis begitu nominal pembayaran dimasukkan kasir. - Format struk thermal 58mm dan 80mm yang siap cetak dengan rincian item dan total. - Tombol cetak yang jelas di alur pembayaran agar kasir tidak salah langkah. - Komponen tombol produk, tabel keranjang, dan panel pembayaran bergaya shadcn yang konsisten.
Dibangun dengan Laravel 13 sebagai backend, Inertia.js v3 sebagai penghubung, React 18 untuk antarmuka, dan Tailwind CSS v4 untuk styling. Komponen UI-nya mengikuti gaya shadcn sehingga mudah dikustomisasi: tambah kategori produk, ubah denominasi tombol tunai cepat, atau sesuaikan format struk dengan nama tokomu. Struktur folder mengikuti konvensi Laravel standar, jadi logika transaksi, stok, dan laporan bisa dibangun di atas fondasi yang rapi.
Halaman yang termasuk dalam template: - Dashboard: ringkasan omzet hari ini, transaksi terbaru, dan produk terlaris. - Produk: daftar produk dan harga jual yang tampil di grid kasir, lengkap dengan kategorinya. - Riwayat: seluruh transaksi yang pernah terjadi, bisa dicari dan dibuka detailnya untuk cetak ulang struk. - Laporan: rekap penjualan harian, mingguan, dan bulanan untuk evaluasi usaha. - Pengaturan: konfigurasi toko, pajak, dan preferensi struk.
Cara memakai: download file ZIP dari halaman ini, ekstrak ke folder proyekmu, lalu jalankan composer install untuk dependensi PHP dan npm install untuk dependensi JavaScript. Build aset front-end dengan npm run build, atur koneksi database di file .env, jalankan php artisan migrate, lalu php artisan serve. Terminal kasir langsung terbuka dengan data contoh. Untuk kasir sungguhan, bangun tabel transaksi dan stok di database, lalu sambungkan tombol bayar ke logika penyimpanan transaksimu.
Catatan update: v1.0.0 (8 Oktober 2026), rilis awal di galeri TemplatKu dengan 5 halaman kasir dan format struk thermal 58/80mm. Pembaruan berikutnya akan dicatat di sini beserta tanggal rilisnya.
Fitur Utama
- Grid produk + keranjang
- Hitung kembalian
- Struk thermal 58/80mm
- Tombol cetak
Teknologi
Cara Memakai
- 1Download file ZIP template ini, lalu ekstrak.
- 2Jalankan composer install untuk mengunduh dependensi PHP.
- 3Jalankan npm install lalu npm run build untuk aset frontend.
- 4Salin .env.example menjadi .env, lalu php artisan key:generate.
- 5Jalankan php artisan migrate, lalu php artisan serve.
Pertanyaan Umum
Ya, gratis untuk dipakai, termasuk untuk usaha atau proyek klien. Download file ZIP-nya langsung dari halaman ini.
Changelogv1.0.0
Rilis awal.



