Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Nest Js & React JS : Buat Website Untuk Ekspedisi
Kelas Online
Nest Js & React JS : Buat Website Untuk Ekspedisi
Released date July 2025
Last updated March 2026
Member
486 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
69 lessons (8.38 hours)
Develop Your Skills
Dalam kelas ini, Kita akan mempelajari cara mengembangkan website ekspedisi profesional menggunakan NestJS dan React JS. Pembelajaran dimulai dari starter template yang telah disiapkan, sehingga fokus langsung pada pengembangan fitur-fitur utama tanpa perlu setup boilerplate dari awal. Kita akan membangun sistem ekspedisi layaknya JNE atau J&T dengan berbagai fitur lengkap seperti authentication, role management untuk admin, kurir, dan customer.
Backend menggunakan NestJS dengan MySQL, Redis, dan Prisma ORM yang sudah dibungkus dalam sebuah docker container. Sementara frontend React JS yang telah dikonfigurasi dengan TanStack Query untuk state management yang modern dan efisien dalam proses integrasinya. Sistem ini akan dilengkapi dengan integrasi payment gateway Xendit yang mendukung berbagai metode pembayaran, termasuk fitur auto-expired pembayaran dengan memanfaatkan queue Redis ketika invoice belum dibayar dalam waktu kadaluarsa yang ditentukan.
Selain itu, juga akan mempelajari implementasi sistem notifikasi email yang terintegrasi dengan NestJS, serta implementasi queue system untuk pengiriman email yang efisien dan reliable. Sistem ini akan menggunakan Redis sebagai message broker untuk mengelola antrian email dan berbagai background jobs. Pembuatan PDF untuk invoice juga akan diintegrasikan untuk memberikan pengalaman yang profesional bagi pengguna.
Fitur menarik lainnya adalah integrasi dengan third party API untuk konversi alamat menjadi latitude dan longitude, yang akan digunakan untuk logic perhitungan jarak antara lokasi jemput dan antar beserta perhitungan harga berdasarkan jarak tersebut. Sistem tracking dengan no resi juga akan diimplementasikan untuk monitoring paket dari pickup hingga delivered.
Sneak Peek
Key Points
Payment Gateway Xendit Integration
Backend Development dengan NestJS
Implementasi Email & Queue di NestJS
Frontend Integration dengan React & TanStack Query
Integrasi Prisma dan Zod untuk validasi dan database.
Integrasi dengan third API untuk konversi alamat menjadi latitude & longitude
Designed For
Web developer yang ingin upgrade dari Express ke Nest.
Mahasiswa yang ingin upgrade skill dari bahasa pemrogaman lain
Fullstack developer yang ingin mencoba fullstack javascript
Siapa saja yang ingin mengembangkan skill full-stack developer
Programmer yang Ingin Meningkatkan Skill & Belajar Teknologi Baru
Course Lessons
Videos language: Bahasa Indonesia (Auto-translation available)
Learn With Expert
Raflizar Deswandi Yahya
Full-Stack Developer
(5.8K)
Muchamad Syariful Umam
Full-Stack Developer
ok untuk belajar nest, untuk bagian frontend harus ngulik lagi read more
18 Nov 2025
Mochamad Yahya Dwi Purnam
Lifetime Learner
Coursenya lumayan praktis dan berhasil memandu saya dalam pembuatan website ekspedisi yang sudah disiapkan starter projectnya yang dibungkus melalui Container Docker. Pembahasan coursenya juga memperdalam pemahaman saya pada Nest JS dan React JS. read more
25 Sep 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
React JS
Software
Type Script
Software
Mysql
Software
Docker
Software
Shadcn/ui
Software
Prisma
Software
Redis
Software
Nest JS
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 455,000
Rp 159,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
Recommended for You
Learn Fullstack Laravel: Membuat Website Pengaduan Masyarakat
Rp
2,650,000
Rp
219,000
(410)
(290)
(352)
VueJs & Source Code Golang: Warehouse & Point of Sale
Rp
690,000
Rp
249,000
(30)
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
Nest Js & React JS : Buat Website Untuk Ekspedisi
Videos language: Bahasa Indonesia (Auto-translation available)
-
Trailer ProjectVideo 1 minutes -
Demo ProjectVideo 8 minutes
-
1. Tools yang dipakaiVideo 3 minutes
-
2. Setup AwalVideo 6 minutes
-
3. Setup Migration 1Video 4 minutes
-
4. Setup Migration 2Video 9 minutes
-
1. API Login 1Video 6 minutes
-
2. API Login 2Video 10 minutes
-
3. API RegisterVideo 8 minutes
-
4. Implementasi Guard LoginVideo 6 minutes
-
5. API Role 1Video 6 minutes
-
6. API Role 2Video 4 minutes
-
7. API PermissionVideo 4 minutes
-
8. Guard Permission 1Video 5 minutes
-
9. Guard Permission 2Video 7 minutes
-
10. API My Profile 1Video 9 minutes
-
11. API My Profile 2Video 6 minutes
-
1. API Master BranchVideo 14 minutes
-
2. API Master Employee 1Video 10 minutes
-
3. API Master Employee 2Video 14 minutes
-
4. API Master Employee 3Video 5 minutes
-
5. API User Address 1Video 7 minutes
-
6. API User Address 2Video 10 minutes
-
7. API User Address 3Video 8 minutes
-
1. Setup Fungsi EmailVideo 11 minutes
-
2. Setup QueueVideo 7 minutes
-
3. Setup XenditVideo 5 minutes
-
4. API Create Shipment 1Video 9 minutes
-
5. API Create Shipment 2Video 16 minutes
-
6. API Create Shipment 3Video 7 minutes
-
7. Fixing distanceVideo 3 minutes
-
8. Implementasi Auto expired statusVideo 7 minutes
-
1. Implementasi QR Code generatorVideo 6 minutes
-
2. Xendit Webhook 1Video 12 minutes
-
3. Xendit Webhook 2Video 10 minutes
-
4. API Shipment Detail & PDF 1Video 14 minutes
-
5. API Shipment Detail & PDF 2Video 7 minutes
-
6. API List & Detail ShipmentVideo 3 minutes
-
7. API Track ShipmentVideo 3 minutes
-
1. Shipment Courier 1Video 14 minutes
-
2. Shipment Courier 2Video 9 minutes
-
3. Shipment Courier 3Video 7 minutes
-
1. Shipment Scan 1Video 9 minutes
-
2. Shipment Scan 2Video 6 minutes
-
3. Shipment Scan 3Video 9 minutes
-
1. HistoryVideo 8 minutes
-
1. Setup FrontendVideo 6 minutes
-
2. Integrasi Login 1Video 6 minutes
-
3. Integrasi Login 2Video 9 minutes
-
4. Integrasi Login 3Video 4 minutes
-
5. Integrasi RegisterVideo 4 minutes
-
6. Integrasi PermissionVideo 9 minutes
-
1. Integrasi Role 1Video 7 minutes
-
2. Integrasi Role 2Video 3 minutes
-
3. Integrasi BranchVideo 10 minutes
-
4. Integrasi Employee 1Video 6 minutes
-
5. Integrasi Employee 2Video 9 minutes
-
6. Integrasi Employee 3Video 8 minutes
-
7. Integrasi ProfileVideo 5 minutes
-
8. Integrasi User Address 1Video 4 minutes
-
9. Integrasi User Address 2Video 6 minutes
-
1. Integrasi Shipment 1Video 9 minutes
-
2. Integrasi Shipment 2Video 8 minutes
-
3. Integrasi Shipment TrackingVideo 4 minutes
-
1. Integrasi Courier Action 1Video 7 minutes
-
2. Integrasi Courier Action 2Video 7 minutes
-
1. Integrasi Admin Action 1Video 6 minutes
-
2. Integrasi Admin Action 2Video 7 minutes
-
1. Integrasi FrontendVideo 7 minutes
Member
486
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Dalam kelas ini, Kita akan mempelajari cara mengembangkan website ekspedisi profesional menggunakan NestJS dan React JS. Pembelajaran dimulai dari starter template yang telah disiapkan, sehingga fokus langsung pada pengembangan fitur-fitur utama tanpa perlu setup boilerplate dari awal. Kita akan membangun sistem ekspedisi layaknya JNE atau J&T dengan berbagai fitur lengkap seperti authentication, role management untuk admin, kurir, dan customer.
Backend menggunakan NestJS dengan MySQL, Redis, dan Prisma ORM yang sudah dibungkus dalam sebuah docker container. Sementara frontend React JS yang telah dikonfigurasi dengan TanStack Query untuk state management yang modern dan efisien dalam proses integrasinya. Sistem ini akan dilengkapi dengan integrasi payment gateway Xendit yang mendukung berbagai metode pembayaran, termasuk fitur auto-expired pembayaran dengan memanfaatkan queue Redis ketika invoice belum dibayar dalam waktu kadaluarsa yang ditentukan.
Selain itu, juga akan mempelajari implementasi sistem notifikasi email yang terintegrasi dengan NestJS, serta implementasi queue system untuk pengiriman email yang efisien dan reliable. Sistem ini akan menggunakan Redis sebagai message broker untuk mengelola antrian email dan berbagai background jobs. Pembuatan PDF untuk invoice juga akan diintegrasikan untuk memberikan pengalaman yang profesional bagi pengguna.
Fitur menarik lainnya adalah integrasi dengan third party API untuk konversi alamat menjadi latitude dan longitude, yang akan digunakan untuk logic perhitungan jarak antara lokasi jemput dan antar beserta perhitungan harga berdasarkan jarak tersebut. Sistem tracking dengan no resi juga akan diimplementasikan untuk monitoring paket dari pickup hingga delivered.
read more
Learn With Expert
Key Points
-
Payment Gateway Xendit Integration
-
Backend Development dengan NestJS
-
Implementasi Email & Queue di NestJS
-
Frontend Integration dengan React & TanStack Query
-
Integrasi Prisma dan Zod untuk validasi dan database.
-
Integrasi dengan third API untuk konversi alamat menjadi latitude & longitude
Created For
-
Web developer yang ingin upgrade dari Express ke Nest.
-
Mahasiswa yang ingin upgrade skill dari bahasa pemrogaman lain
-
Fullstack developer yang ingin mencoba fullstack javascript
-
Siapa saja yang ingin mengembangkan skill full-stack developer
-
Programmer yang Ingin Meningkatkan Skill & Belajar Teknologi Baru
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
486
Happy Students
Happy Students
Fadel Nur Akhmad
Quality Assurance
bagus, daging semua
21 Feb 2026
Muhammad Altaf Dhiyaurrahman
Full-Stack Developer
mudah dipahami
28 Jan 2026
ILHAM RIADI
Lifetime Learner
terimakasih
12 Jan 2026
Muchamad Syariful Umam
Full-Stack Developer
ok untuk belajar nest, untuk bagian frontend harus ngulik lagi
18 Nov 2025
Mochamad Yahya Dwi Purnama
Lifetime Learner
Coursenya lumayan praktis dan berhasil memandu saya dalam pembuatan website ekspedisi yang sudah disiapkan starter projectnya yang dibungkus melalui Container Docker. Pembahasan coursenya juga memperdalam pemahaman saya pada Nest JS dan React JS.
25 Sep 2025
Seiryo Pramanda Bayu Samudra
Back-End Developer
keren materinya
30 Aug 2025
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
Rp 159,000
Rp 455,000
