WhatsApp Icon
Langganan PremiumBARU
— Akses semua e-book dengan satu langganan bulanan!
Lihat Paket
Membangun Website E-Commerce Production-Ready dengan Golang & React thumbnail

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


Terakhir diperbarui:
Februari 2026

DISC 45%

Bayar sekali, akses selamanya.

Lihat Bundling Hemat

Daftar Modul

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

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.