WhatsApp Icon
placeholder

Membangun Sistem POS dengan Laravel, Inertia.js, React, dan Integrasi Payment Gateway


Terakhir diperbarui:
Juli 2025

DISKON 60%

Deskripsi

Dalam panduan ini, Anda akan belajar membangun aplikasi Point of Sale (POS) canggih dengan teknologi web terbaru. Menggunakan kombinasi Laravel 12, Inertia.js v2, dan React v19, Anda akan memahami bagaimana membuat sistem POS yang cepat, efisien, dan siap digunakan secara nyata.

Yang Akan Anda Kuasai:

  • Pemahaman ES6 dan Fitur Terbaru Inertia.js v2
    Pelajari sintaks modern JavaScript serta bagaimana Inertia.js v2 menghubungkan backend dan frontend secara seamless.

  • Membuat Aplikasi POS Real-Time dengan Tripay
    Dukungan transaksi tunai dan online melalui integrasi payment gateway Tripay.

  • Penerapan Role-Based Access Control (RBAC)
    Sistem keamanan yang mengatur hak akses pengguna berdasarkan peran (admin, kasir, manajer, dll).

  • Autentikasi Wajah (Face Authentication)
    Implementasi autentikasi berbasis wajah menggunakan layanan dari Imagerecognize API.

  • Integrasi API RajaOngkir, Sistem Barcode, dan Manajemen Stok Otomatis
    Fitur-fitur penting untuk mendukung pengelolaan toko dan pengiriman barang secara efisien.

  • Laporan Penjualan dan Stok
    Termasuk laporan profit, stock opname, dan fitur export data ke Excel atau PDF.

  • Deploy ke Server VPS dengan NGINX & SSL
    Panduan lengkap untuk deployment siap produksi, termasuk pengamanan dengan SSL.


eBook atau modul ini cocok bagi developer yang ingin membangun sistem POS modern dari nol hingga siap digunakan secara nyata di toko atau bisnis retail.

"Mulailah belajar dari sekarang, sebelum terlambat. Jangan tunggu waktu yang sempurna untuk mulai meniti karir di dunia teknologi. Ilmu yang Anda pelajari hari ini bisa menjadi fondasi untuk masa depan yang lebih baik."

Daftar Modul

Kata Pengantar
Lisensi dan Ketentuan Penggunaan

Persiapan Tools Pendukung

Penggunaan variabel var
Penggunaan variabel let
Penggunaan variabel const
Template String
Conditional Operator (Ternary Operator)
Class dan Object
Spread Operator
Rest Parameter
Array Method forEach() dan map()
Asynchronous JavaScript (Promise / Async-Await)

Apa itu jsx ?
Aturan Dasar Penulisan JSX
Statement di Dalam JSX
Atribut style di JSX
Array di JSX
Percabangan Kondisi dalam JSX
JavaScript Event dalam JSX

Perancangan alur Aplikasi POS
Struktur dan Relasi Database

Menginstall Laravel 11 menggunakan Composer
Koneksi Database

Pengenalan Inertia.js
Server-side setup
Client-side setup
Integrasi Bootstrap 5.3 dan Asset CSS

Pengertian dan Cara Kerja Payment Gateway
Konfigurasi Midtrans

Membuat Model beserta migration
Eloquent Relationships dan Accessors

Konfigurasi Laravel permission
Membuat Seeder Roles
Membuat Seeder untuk Permissions
Membuat Seeder untuk User Admin
Membuat Seeder untuk Data Provinsi dari API Rajaongkir
Membuat Seeder untuk Data City dari API Rajaongkir

Membuat Controller Login dan Logout
Membuat Halaman Login

Membuat Utilitas untuk Mengecek Izin User dan format rupiah

Membuat Component Layout Admin Dashboard
Membuat Controller Dashboard
Membuat Halaman dashboard

Membuat Form Request Role
Membuat Controller Role
Membuat Halaman Daftar Role
Membuat Halaman Create Role
Membuat Halaman Edit Roles

Membuat Form Request User
Membuat Controller User
Membuat Halaman Daftar Users
Membuat Halaman Create User
Membuat Halaman Edit User

Membuat Form Request Supplier
Membuat Supplier Controller
Membuat Halaman Supplier
Membuat Halaman Create Supplier
Membuat Halaman Edit Supplier

Membuat Form Request Customer
Membuat Customer Controller
Membuat Halaman Daftar Customer
Membuat Halaman Create Customer
Membuat Halaman Edit Customer

Membuat Form Request Category
Membuat Category Controller
Membuat Halaman Daftar Category
Membuat Halaman Create Category
Membuat Halaman Edit Category

Membuat Form Request Unit
Membuat Unit Controller
Membuat Halaman daftar Unit
Membuat Halaman Create Unit
Membuat Halaman Edit Unit

Pembuatan Traits Image
Membuat Form Request Product
Membuat Product Controller
Membuat Halaman Daftar Product
Membuat Halaman Create Product
Membuat Halaman Edit Product

Membuat Form Request Stock In
Membuat Stock Controller
Membuat Halaman Daftar Stock In
Membuat Halaman Create Stock In

Membuat Transaction Controller
Kenalan dengan useReducer
Installasi library yang dibutuhkan
Membuat Komponen yang dibutuhkan untuk Halaman Sales Transaksi
Membuat Custom hook ( useReducer )
Membuat Halaman Sales Transaksi

Membuat Report Controller
Membuat Halaman Report

Membuat Form Request Stock Opname
Membuat StockOpname Controller
Membuat Halaman Daftar Stock Opname
Membuat Halaman Create Stock Opname
Membuat Halaman Edit Stock Opname
Membuat Halaman detail Stock Opname
Membuat Fitur Export Data Stock Opname

Mmebuat Controller Notifikasi Pembayaran

Cara Daftar dan Top-Up VPS
Membuat Server VPS Baru
Mengonfigurasi Server dengan LEMP Stack di Ubuntu
Deploy Project Laravel ke GitHub dan VPS
Konfigurasi Domain dan Server
Mengamankan Domain dengan SSL Gratis dari Let’s Encrypt
Konfigurasi URL Notifikasi di Midtrans
Source Code v1 & v2

Fixing Too Many Requests

Cuplikan layar

placeholder
Perbesar

Halaman transaksi

placeholder
Perbesar

Login Face Recognize

placeholder
Perbesar

prev 1

placeholder
Perbesar

prev 2

placeholder
Perbesar

Detail stock Opname

placeholder
Perbesar

Management Product

placeholder
Perbesar

Laporan Transaksi

placeholder
Perbesar

Sample Materi POS

placeholder
Perbesar

Sample Materi POS

placeholder
Perbesar

Sample Materi POS

Memuat ulasan...

FAQ

Untuk saat ini eCourse tersedia dalam bentuk teks, tapi kedepannya kami mungkin akan menambah video.
Tidak, kamu cukup bayar sekali saja.
Kalau ada masalah, kamu bisa langsung tanya ke mentor.