0
0 Ulasan
Panduan NextJS: Studi Kasus Toko Online
Pelajari Pembuatan Web Toko Online pada NextJS. Daftar Sekarang!
- Deskripsi
- Materi
- Ulasan
Kursus ini dirancang untuk membantu Anda menguasai Next.js dengan mempraktikkan studi kasus pembuatan website toko online. Dari pengaturan awal hingga penerapan sistem pembayaran, Anda akan mempelajari langkah-langkah teknis dan konsep inti yang diperlukan untuk membangun aplikasi web tingkat lanjut.
Apa yang akan anda pelajari?
-
Pengaturan Awal dan Autentikasi:
- Memulai proyek Next.js.
- Menyiapkan database dan autentikasi pengguna, termasuk login dengan Google.
-
Pengelolaan Data dan API:
- Menangani data pengguna, produk, dan transaksi dengan API yang aman.
- Refactor sistem data fetching dan API untuk performa optimal.
-
Pembuatan Admin Panel:
- Membuat dashboard admin untuk mengelola pengguna dan produk.
- Fitur CRUD (Create, Read, Update, Delete) untuk data pengguna dan produk.
-
Toko Online yang Fungsional:
- Membuat halaman produk, detail produk, dan keranjang belanja.
- Menambahkan sistem checkout lengkap dengan integrasi payment gateway.
-
Sistem Pembayaran:
- Setup payment gateway untuk transaksi online.
- Menangani proses pembayaran dan memberikan feedback kepada pengguna.
-
. Daftar Manajemen Pengguna dan Pesanan:
- Profil pengguna dengan fitur pembaruan avatar dan data pribadi.
- Menampilkan riwayat pesanan pengguna secara detail.
-
Optimasi dan Refaktor Kode:
- Meningkatkan performa aplikasi dengan state management dan refaktor komponen.
- Navigasi yang intuitif dan cepat dengan sistem navigasi Next.js.
Membuat Web Toko Online
-
11.Intro & SetupPratinjau 26:08
-
22.Setup Database & Auth RegisterPratinjau 53:38
-
33.Auth LoginPratinjau 24:40
-
44.Login Google16:24Sorry, this lesson is currently locked. You need to complete "3.Auth Login" before accessing it.
-
55.Refactor Auth30:24Sorry, this lesson is currently locked. You need to complete "4.Login Google" before accessing it.
-
66.Setup Data Fetching17:39Sorry, this lesson is currently locked. You need to complete "5.Refactor Auth" before accessing it.
-
77.Setup Admin Panel42:57Sorry, this lesson is currently locked. You need to complete "6.Setup Data Fetching" before accessing it.
-
88.User Management17:41Sorry, this lesson is currently locked. You need to complete "7.Setup Admin Panel" before accessing it.
-
99.Update & Delete User47:45Sorry, this lesson is currently locked. You need to complete "8.User Management" before accessing it.
-
1010.API Access Token26:16Sorry, this lesson is currently locked. You need to complete "9.Update & Delete User" before accessing it.
-
1111.User Profile38:18Sorry, this lesson is currently locked. You need to complete "10.API Access Token" before accessing it.
-
1212.Upload Image & Update Avatar Profile42:04Sorry, this lesson is currently locked. You need to complete "11.User Profile" before accessing it.
-
1313. Update Profile28:03Sorry, this lesson is currently locked. You need to complete "12.Upload Image & Update Avatar Profile" before accessing it.
-
1414.Alert System32:32Sorry, this lesson is currently locked. You need to complete "13. Update Profile" before accessing it.
-
1515.Refactor Admin Panel33:19Sorry, this lesson is currently locked. You need to complete "14.Alert System" before accessing it.
-
1616.Product Management35:29Sorry, this lesson is currently locked. You need to complete "15.Refactor Admin Panel" before accessing it.
-
1717.Product Page25:33Sorry, this lesson is currently locked. You need to complete "16.Product Management" before accessing it.
-
1818. UI Add Product26:21Sorry, this lesson is currently locked. You need to complete "17.Product Page" before accessing it.
-
1919. Add Product27:01Sorry, this lesson is currently locked. You need to complete "18. UI Add Product" before accessing it.
-
2020. Update Product26:01Sorry, this lesson is currently locked. You need to complete "19. Add Product" before accessing it.
-
2121. Delete Product17:37Sorry, this lesson is currently locked. You need to complete "20. Update Product" before accessing it.
-
2222. Detail Product Page33:43Sorry, this lesson is currently locked. You need to complete "21. Delete Product" before accessing it.
-
2323. Add To Cart24:59Sorry, this lesson is currently locked. You need to complete "22. Detail Product Page" before accessing it.
-
2424. Cart Page1:02:49Sorry, this lesson is currently locked. You need to complete "23. Add To Cart" before accessing it.
-
2525. Refactor Navigation34:38Sorry, this lesson is currently locked. You need to complete "24. Cart Page" before accessing it.
-
2626. Refactor Data Fetching28:09Sorry, this lesson is currently locked. You need to complete "25. Refactor Navigation" before accessing it.
-
2727. State Management26:31Sorry, this lesson is currently locked. You need to complete "26. Refactor Data Fetching" before accessing it.
-
2828.Refactor API42:59Sorry, this lesson is currently locked. You need to complete "27. State Management" before accessing it.
-
2929. Delete Cart14:14Sorry, this lesson is currently locked. You need to complete "28.Refactor API" before accessing it.
-
3030. Checkout Page28:16Sorry, this lesson is currently locked. You need to complete "29. Delete Cart" before accessing it.
-
3131. Manage Alamat44:25Sorry, this lesson is currently locked. You need to complete "30. Checkout Page" before accessing it.
-
3232. Setup Payment Gateway23:47Sorry, this lesson is currently locked. You need to complete "31. Manage Alamat" before accessing it.
-
3333. Snap UI Payment23:37Sorry, this lesson is currently locked. You need to complete "32. Setup Payment Gateway" before accessing it.
-
3434. Payment Success Handle26:20Sorry, this lesson is currently locked. You need to complete "33. Snap UI Payment" before accessing it.
-
3535. Order History17:10Sorry, this lesson is currently locked. You need to complete "34. Payment Success Handle" before accessing it.
-
3636. Detail Order History17:24Sorry, this lesson is currently locked. You need to complete "35. Order History" before accessing it.
-
3737. List Transaction16:21Sorry, this lesson is currently locked. You need to complete "36. Detail Order History" before accessing it.
Silahkan, login untuk menulis review
×
1.Intro & Setup
1.Intro & Setup
26:08
2.Setup Database & Auth Register
53:38
3.Auth Login
24:40
Bagikan
Detail Kursus
Durasi
18 Jam 21 Menit
Materi
37
Tugas
1
Level
Sedang
Terpopuler
Jam Kerja
| Monday | 07.00 WIB - 16.00 WIB |
| Tuesday | 08.00 WIB - 15.00 WIB |
| Wednesday | 06.00 WIB - 15.00 WIB |
| Thursday | 07.00 WIB - 16.00 WIB |
| Friday | 08.00 WIB - 15.00 WIB |
| Saturday | Closed |
| Sunday | Closed |