WhatsApp Icon
Membangun Website E-Commerce Production-Ready dengan Golang & React thumbnail

Membangun Website E-Commerce Production-Ready dengan Golang & React


Terakhir diperbarui:
Februari 2026

Harga Spesial

Bayar sekali, akses selamanya.

Lihat Bundling Hemat

Daftar Modul

Susunan materi per topik untuk belajar lebih terarah.

Cover
Kata Pengantar
Lisensi dan Hak Cipta
Arsitektur Sistem
Instalasi Go (Golang)
Lihat Materi
Membuat Proyek Go Commerce
Lihat Materi
Uji Coba Aplikasi dengan Gin
Konfigurasi Live Reload Golang Menggunakan Air
Konfigurasi File .env
Mengenal GORM di Golang
Instalasi & Konfigurasi GORM
Membuat Model dan Relasi Database
Auto Migration Database dengan GORM
Membuat Seeder Permission
Membuat Seeder Roles
Membuat Seeder Users
Menjalankan Seeder
Mengenal JWT (JSON Web Token)
Instalasi JWT
Menambahkan Middleware Permission
Membuat Middleware Auth JWT
Membuat Middleware Role
Membuat Helper CORS
Apa itu Struct di Golang?
Membuat Struct Success & Error Response
Membuat Struct Permission
Membuat Struct Role
Membuat Struct User
Membuat Struct User Login
Membuat Struct Login
Membuat Struct Register
Membuat Struct Address
Membuat Struct Category
Membuat Struct Slider
Membuat Struct Cart
Membuat Struct Product
Membuat Struct Review
Membuat Struct RajaOngkir
Membuat Struct Order
Membuat Struct Order Admin
Membuat Struct Report
Membuat Struct Dashboard
Membuat Struct Upload
Installasi dan Konfigurasi Midtrans
Konfigurasi RajaOngkir
Membuat Helper Hash Password
Membuat Helper Generate JWT Token dan Auth
Membuat Helper Midtrans Payment
Membuat Helper RajaOngkir API
Membuat Helper Slugify
Membuat Helper Upload File
Membuat Helper Validator
Membuat Helper Permission
Membuat Helper Pagination
Membuat RESTful API Register
Membuat RESTful API Login
RESTful API: Mengambil Data Permission
RESTful API: Insert Data Permission
RESTful API: Mengambil Data Permission By Id
RESTful API: Update Data Permission
RESTful API: Delete Data Permission
RESTful API: Mengambil Semua Permission
RESTful API: Mengambil Data Role
RESTful API: Insert Data Role
RESTful API: Mengambil Data Role By Id
RESTful API: Update Data Role
RESTful API: Delete Data Role
RESTful API: Mengambil Semua Data Role
RESTful API: Mengambil Data User
RESTful API: Insert Data User
RESTful API: Update Data User
RESTful API: Mengambil Data User By Id
RESTful API: Delete Data User
RESTful API: Mengambil Data Kategori
RESTful API: Insert Data Kategori
RESTful API: Mengambil Data Kategori By Id
RESTful API: Update Data Kategori
RESTful API: Delete Data Kategori
RESTful API: Mengambil Semua Data Kategori
RESTful API: Mengambil Data Slider
RESTful API: Insert Data Slider
RESTful API: Delete Data Slider
RESTful API: Mengambil Data Product
RESTful API: Insert Data Product
RESTful API: Mengambil Data Product By Id
RESTful API: Update Data Product
RESTful API: Delete Data Product
RESTful API: Mengambil Data Daftar Customer
RESTful API: Mengambil Data Order
RESTful API: Mengambil Data Order By Id
RESTful API: Mengambil Laporan Penjualan
RESTful API: Mengambil Data Dashboard
RESTful API Public: Mengambil Data Slider
RESTful API Public: Mengambil Data Kategori
RESTful API Public: Mengambil Data Kategori By Slug
RESTful API Public: Mengambil Data Product
RESTful API Public: Mengambil Data Product By Slug
RESTful API Public: Mengambil Data Cart
RESTful API Public: Menambah Item ke Cart
RESTful API Public: Update Data Cart
RESTful API Public: Menghapus Item dari Cart
RESTful API Public: Mengambil Data Address
RESTful API Public: Insert Data Address
RESTful API Public: Update Data Address
RESTful API Public: Delete Data Address
RESTful API: Integrasi RajaOngkir
RESTful API Public: Checkout Order
RESTful API Public: Riwayat Pesanan
RESTful API Public: Detail Riwayat Pesanan
RESTful API Public: Pembuatan Testimoni
RESTful API Public: Menampilkan Testimoni By Product
Pengenalan WebSocket pada Golang
Pembuatan WebSocket di Golang
Konfigurasi WebSocket
Setup CORS & Static Files Backend Gin
Inisialisasi Project React TypeScript
Instalasi dan Konfigurasi Library React
Konfigurasi API Service
Styling System: Setup Tailwind CSS v4
Setup Query Client Provider
Membuat Interface API
Membuat Interface Params
Membuat Interface Auth
Membuat Interface Address
Membuat Interface Slider
Membuat Interface Permission
Membuat Interface Customer
Membuat Interface Report
Membuat Interface Notification
Membuat Interface Layout
Membuat Interface Midtrans
Membuat Interface Category
Membuat Interface Role
Membuat Interface Product
Membuat Interface Review
Membuat Interface User
Membuat Interface Carts
Membuat Interface Order
Membuat Interface Dashboard
Membuat Interface Index
Membuat Auth Store
Membuat Layout Store
Membuat Notification Store
Membuat Hook Login
Membuat Hook Register
Membuat Hook Kategori Admin
Membuat Hook All Kategori Admin
Membuat Hook Category By Id Admin
Membuat Hook Create Kategori Admin
Membuat Hook Delete Category Admin
Membuat Hook Update Category Admin
Membuat Hook Product Admin
Membuat Hook Product By Id Admin
Membuat Hook Create Product Admin
Membuat Hook Update Product Admin
Membuat Hook Delete Product Admin
Membuat Hook Delete Image Product Admin
Membuat Hook Order Admin
Membuat Hook Order By Id Admin
Membuat Hook Customer Admin
Membuat Hook User Admin
Membuat Hook All User Admin
Membuat Hook User By Id Admin
Membuat Hook Create User Admin
Membuat Hook Update User Admin
Membuat Hook Delete User Admin
Membuat Hook Role Admin
Membuat Hook All Role Admin
Membuat Hook Role By Id Admin
Membuat Hook Create Role Admin
Membuat Hook Delete Role Admin
Membuat Hook Update Role Admin
Membuat Hook Permission Admin
Membuat Hook All Permission Admin
Membuat Hook Permission By Id Admin
Membuat Hook Create Permission Admin
Membuat Hook Update Permission Admin
Membuat Hook Delete Permission Admin
Membuat Hook Slider Admin
Membuat Hook Create Slider Admin
Membuat Hook Delete Slider Admin
Membuat Hook Dashboard Admin
Membuat Hook Report Admin
Membuat Hook Address Web
Membuat Hook Create Address Web
Membuat Hook Update Address Web
Membuat Hook Delete Address Web
Membuat Hook Cart Web
Membuat Hook Add To Cart Web
Membuat Hook Update Cart Web
Membuat Hook Delete Cart Web
Membuat Hook Category Web
Membuat Hook Detail Category Web
Membuat Hook Order Web
Membuat Hook Riwayat Order Web
Membuat Hook Checkout Web
Membuat Hook Product Web
Membuat Hook Detail Product Web
Membuat Hook Daftar Provinsi
Membuat Hook Daftar City
Membuat Hook Daftar Kecamatan
Membuat Hook Shipping Cost Kecamatan
Membuat Hook Review
Membuat Hook Create Review
Membuat Hook Search
Membuat Hook Slider
Membuat Hook Carousel
Membuat Protected Route
Membuat Permission Guard
Membuat Komponen Button
Membuat Komponen Input
Membuat Komponen Badge
Membuat Komponen Loading
Membuat Komponen Error
Membuat Komponen Pagination
Membuat Komponen Delete Modal
Membuat Komponen Quantity Selector
Membuat Komponen Section Header
Membuat Komponen Table Empty Row
Mengelola Side Effect Global & Notifikasi Real-Time di React
Membuat Komponen User Dropdown
Membuat Komponen Notification Admin
Membuat Komponen Header Admin
Membuat Komponen Sidebar Menu Admin
Membuat Komponen Sidebar Header Admin
Membuat Komponen Sidebar Container Admin
Membuat Helper Image
Membuat Helper Format Price
Pembuatan Komponen Search Modal
Membuat Component Menu Mobile
Membuat Header Web
Membuat Component Footer Web
Membuat Component Customer Sidebar Web
Membuat Component Slider Web
Membuat Component Banner Web
Membuat Component Product Card Web
Membuat Component Product Gallery Web
Membuat Component Category Web
Membuat Component Benefit Web
Membuat Component Products Web
Membuat Component Cart Item Web
Membuat Component Cart Summary Web
Membuat Component Cart Empty Web
Membuat Component Address Modal Web
Membuat Component Shipping Address Web
Membuat Component Courier Web
Membuat Component Checkout Summary Web
Membuat Component Order Item Web
Membuat Component Detail Pesanan Web
Membuat Component Riwayat Pesanan Dashboard Web
Membuat Component Header Order Web
Membuat Component Informasi Pengiriman Web
Membuat Component Ringkasan Pembayaran Web
Membuat Coponent Daftar Ulasan Web
Membuat Component Modal Review Web
Membuat Layout Admin
Membuat Layout Customer
Membuat Layout Web
Membuat Proses Login & Routing Autentikasi
Membuat Proses Register
Membuat View dan Route Dashboard
Menampilkan Daftar Slider
Membuat Halaman Create Slider
Membuat Daftar Category
Membuat Halaman Category Create
Membuat Halaman Edit Kategori
Membuat Halaman Daftar Products
Membuat Halaman Tambah Product
Membuat Halaman Edit Product
Membuat Halaman Daftar Customers
Membuat Halaman Laporan Penjualan
Membuat Halaman Permissions
Membuat Halaman Create Permission
Membuat Halaman Edit Permission
Membuat Halaman Daftar Roles
Membuat Halaman Create Role
Membuat Halaman Edit Role
Membuat Halaman Daftar Users
Membuat Halaman Create User
Membuat Halaman Edit User
Membuat Dashboard Customer
Membuat Halaman Alamat Customer
Membuat Halaman Detail Order Customer
Membuat Halaman Home
Membuat Halaman Detail Kategori
Membuat Halaman Detail Produk
Membuat Halaman Keranjang Belanja (Cart)
Membuat Halaman Checkout
Konfigurasi Midtrans Client Key di Environment Variable
Membuat Callback Midtrans
Tutorial Membeli VPS dan Top Up Saldo
Membuat Server VPS Baru
Menghubungkan Domain ke Server VPS
Konfigurasi Server
Mengupload Project Golang ke GitHub
Deploy Project Golang ke Server VPS
Memasang SSL/HTTPS pada Domain Backend API
Mengupload Project Frontend React ke GitHub
Deploy Project Frontend React ke Server
Source Code dan Asset

Screenshots

Preview tampilan materi yang akan dipelajari.

placeholder

Halaman Detail Pesanan

placeholder

Halaman Daftar Alamat Customer

placeholder

Halaman Checkout

placeholder

Halaman Dashboard Admin

placeholder

Halaman Edit Product Admin

placeholder

Halaman Detail Pesanan Admin

placeholder

Halaman Homepage

placeholder

Halaman Detail Product

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.