Membangun Sistem POS dengan Laravel, Inertia.js, React, dan Integrasi Payment Gateway
Terakhir diperbarui:
Januari 2025
Deskripsi
Membangun sistem Point of Sale (POS) canggih dengan mengintegrasikan Laravel 11, React v18, Inertia.js v2, dan AI Gemini fitur cerdas berbasis kecerdasan buatan untuk analisa penjualan.
Yang Akan Kamu Kuasai:
- Belajar ES6 dan fitur terbaru Inertia.js v2
-
Membuat aplikasi POS real-time dengan payment gateway (tunai & online)
-
Penerapan RBAC ( Role-Based Access Control ) model keamanan yang mengatur akses pengguna berdasarkan role akses )
-
Integrasi AI Gemini
- Face Authentication dari imagerecognize
-
Integrasi API Raja Ongkir, sistem barcode, dan manajemen stok otomatis
-
Laporan penjualan, Profit, stock opname, dan fitur export data
-
Deploy ke server VPS dengan NGINX & SSL (siap produksi!)
Dari backend sampe AI, semuanya dibongkar di sini.
Daftar Modul
Kata Pengantar
eps 1
Lisensi dan Ketentuan Penggunaan
eps 2
Persiapan Tools Pendukung
eps 3
Penggunaan variabel var
eps 4
Penggunaan variabel let
eps 5
Penggunaan variabel const
eps 6
Template String
eps 7
Conditional Operator (Ternary Operator)
eps 8
Class dan Object
eps 9
Spread Operator
eps 10
Rest Parameter
eps 11
Array Method forEach() dan map()
eps 12
Asynchronous JavaScript (Promise / Async-Await)
eps 13
Apa itu jsx ?
eps 14
Aturan Dasar Penulisan JSX
eps 15
Statement di Dalam JSX
eps 16
Atribut style di JSX
eps 17
Array di JSX
eps 18
Percabangan Kondisi dalam JSX
eps 19
JavaScript Event dalam JSX
eps 20
Perancangan alur Aplikasi POS
eps 21
Struktur dan Relasi Database
eps 22
Koneksi Database
eps 24
Pengenalan Inertia.js
eps 25
Server-side setup
eps 26
Client-side setup
eps 27
Integrasi Bootstrap 5.3 dan Asset CSS
eps 28
Pengertian dan Cara Kerja Payment Gateway
eps 29
Konfigurasi Midtrans
eps 30
Membuat Model beserta migration
eps 31
Eloquent Relationships dan Accessors
eps 32
Konfigurasi Laravel permission
eps 33
Membuat Seeder Roles
eps 34
Membuat Seeder untuk Permissions
eps 35
Membuat Seeder untuk User Admin
eps 36
Membuat Seeder untuk Data Provinsi dari API Rajaongkir
eps 37
Membuat Seeder untuk Data City dari API Rajaongkir
eps 38
Membuat Controller Login dan Logout
eps 39
Membuat Halaman Login
eps 40
Membuat Utilitas untuk Mengecek Izin User dan format rupiah
eps 41
Membuat Component Layout Admin Dashboard
eps 42
Membuat Controller Dashboard
eps 43
Membuat Halaman dashboard
eps 44
Membuat Form Request Role
eps 45
Membuat Controller Role
eps 46
Membuat Halaman Daftar Role
eps 47
Membuat Halaman Create Role
eps 48
Membuat Halaman Edit Roles
eps 49
Membuat Form Request User
eps 50
Membuat Controller User
eps 51
Membuat Halaman Daftar Users
eps 52
Membuat Halaman Create User
eps 53
Membuat Halaman Edit User
eps 54
Membuat Form Request Supplier
eps 55
Membuat Supplier Controller
eps 56
Membuat Halaman Supplier
eps 57
Membuat Halaman Create Supplier
eps 58
Membuat Halaman Edit Supplier
eps 59
Membuat Form Request Customer
eps 60
Membuat Customer Controller
eps 61
Membuat Halaman Daftar Customer
eps 62
Membuat Halaman Create Customer
eps 63
Membuat Halaman Edit Customer
eps 64
Membuat Form Request Category
eps 65
Membuat Category Controller
eps 66
Membuat Halaman Daftar Category
eps 67
Membuat Halaman Create Category
eps 68
Membuat Halaman Edit Category
eps 69
Membuat Form Request Unit
eps 70
Membuat Unit Controller
eps 71
Membuat Halaman daftar Unit
eps 72
Membuat Halaman Create Unit
eps 73
Membuat Halaman Edit Unit
eps 74
Pembuatan Traits Image
eps 75
Membuat Form Request Product
eps 76
Membuat Product Controller
eps 77
Membuat Halaman Daftar Product
eps 78
Membuat Halaman Create Product
eps 79
Membuat Halaman Edit Product
eps 80
Membuat Form Request Stock In
eps 81
Membuat Stock Controller
eps 82
Membuat Halaman Daftar Stock In
eps 83
Membuat Halaman Create Stock In
eps 84
Membuat Transaction Controller
eps 85
Kenalan dengan useReducer
eps 86
Installasi library yang dibutuhkan
eps 87
Membuat Komponen yang dibutuhkan untuk Halaman Sales Transaksi
eps 88
Membuat Custom hook ( useReducer )
eps 89
Membuat Halaman Sales Transaksi
eps 90
Membuat Report Controller
eps 91
Membuat Halaman Report
eps 92
Membuat Form Request Stock Opname
eps 93
Membuat StockOpname Controller
eps 94
Membuat Halaman Daftar Stock Opname
eps 95
Membuat Halaman Create Stock Opname
eps 96
Membuat Halaman Edit Stock Opname
eps 97
Membuat Halaman detail Stock Opname
eps 98
Membuat Fitur Export Data Stock Opname
eps 99
Mmebuat Controller Notifikasi Pembayaran
eps 100
Cara Daftar dan Top-Up VPS
eps 101
Membuat Server VPS Baru
eps 102
Mengonfigurasi Server dengan LEMP Stack di Ubuntu
eps 103
Deploy Project Laravel ke GitHub dan VPS
eps 104
Konfigurasi Domain dan Server
eps 105
Mengamankan Domain dengan SSL Gratis dari Let’s Encrypt
eps 106
Konfigurasi URL Notifikasi di Midtrans
eps 107
Source Code v1 & v2
eps 108
Fixing Too Many Requests
eps 109
Screenshots
Halaman transaksi
Login Face Recognize
prev 1
prev 2
Detail stock Opname
Management Product
Laporan Transaksi
Tools
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.