Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online
Kelas Online
Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online
Released date December 2023
Last updated March 2026
Member
546 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
JavaScript adalah bahasa pemrograman yang dapat kita gunakan dalam membangun software seperti website, desktop application, mobile app, dan juga lainnya. Pada kali ini kita akan belajar membangun sebuah website toko online untuk menjual produk-produk seperti sayuran dan kebutuhan rumah lainnya.
Bersama dengan mentor Taufan yang telah berpengalaman sebagai full-stack website developer, kita akan belajar menggunakan tech stack terbaru seperti NextJS, Typescript, Prisma, dan Redux Toolkit.
Projek website yang kita bangun tentunya mengadopsi server-side rendering sehingga dapat meningkatkan SEO dari website tersebut. Peran Prisma di sini adalah membantu kita untuk mengelola data dengan database.
Dalam membangun website yang interactive dan memiliki experience yang baik maka kita perlu gunakan Redux Toolkit untuk proses state management.
Setelah kamu mempelajari seluruh materi kelas maka kamu sudah lebih siap berkarir sebagai Full-Stack Website Developer menggunakan JavaScript. Kamu juga akan memiliki portfolio berkualitas tinggi untuk digunakan sebagai modal bekerja, sampai jumpa di kelas.
Sneak Peek
.png)
.png)
.png)
Key Points
Membangun fullstack website dengan teknologi terkini
Mempelajari system authentication pada NextJS
Membuat API dengan NextJS
Memanfaatkan fitur cache dengan Redux Toolkit
Membangun struktur database dengan Prisma
Designed For
Anda yang ingin membuat aplikasi e-commerce
Anda yang ingin mempelajari Fullstack NextJS dengan Typescript
Anda yang ingin mempelajari Prisma
Anda yang ingin mempelajari Redux Toolkit
Course Lessons
Learn With Expert
Taufan Fadhilah Iskandar
Front-End Developer
(12.3K)
Rizki Arahman
Back-End Developer
sangat membantu untuk pemula, jelas sekali cara penyampaianya read more
10 Sep 2025
Fajar Septiadi
Front-End Developer
Penjelasannya agak kurang mendetail, bagi yg baru belajar pasti agak kesulitan. Tapi untuk yg mau matengin skill, recommended. read more
25 Aug 2025
Venansia Juliama Laoli
Front-End Developer
Materinya Bagus, tapi menurut saya tidak direkomendasikan untuk pemula di Next.js. read more
28 Feb 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
.svg.png){kind=icon}
Chrome
Software
Mysql
Software
VSCode
Software
NodeJs
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 690,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
(301)
(364)
(844)
.png)
SC Laravel Filament Flutter: Find and Book Padel Court App
Rp
1,250,000
Rp
70,000
(17)
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.
Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online
-
Opening SlidesVideo 6 minutes
-
Cloning Template ProjectVideo 3 minutes
-
Volta ExplanationVideo 3 minutes
-
Website WalkthroughVideo 3 minutes
-
Code Walkthrough 1Video 3 minutes -
Code Walkthrough 2Video 6 minutes
-
Installation React Hook FormVideo 4 minutes
-
Declare useForm on Sign-in FormVideo 7 minutes
-
Validation SchemaVideo 2 minutes
-
Validation Schema 2Video 4 minutes
-
Sign Up Form ValidationVideo 7 minutes
-
Install PrismaVideo 5 minutes
-
Setup PrismaVideo 3 minutes
-
User Model SchemaVideo 4 minutes
-
Global Prisma ClientVideo 3 minutes
-
NextJS API IntroVideo 8 minutes
-
Response HelperVideo 5 minutes
-
Sign In EndpointVideo 7 minutes
-
Validate PasswordVideo 6 minutes
-
Install NextAuthVideo 8 minutes
-
Sign In Form IntegrationVideo 6 minutes
-
Fixing StyleVideo 4 minutes
-
Create Sign Up EndpointVideo 9 minutes
-
ExplanationVideo 6 minutes
-
InstallationVideo 7 minutes
-
Auth ServiceVideo 7 minutes
-
Request and Response TypeVideo 3 minutes
-
Register Auth ServiceVideo 3 minutes
-
Integrate Sign Up FormVideo 7 minutes
-
Navbar IntegrationVideo 8 minutes
-
Setup MiddlewareVideo 4 minutes
-
Setup Middleware 2Video 4 minutes
-
Product SchemaVideo 6 minutes
-
Products SeederVideo 8 minutes
-
Products Seeder 2Video 4 minutes
-
Create Products EndpointVideo 4 minutes
-
Test Products EndpointVideo 2 minutes
-
Test Products Endpoint 2Video 1 minutes
-
Product SliceVideo 5 minutes
-
ProductsResponse InterfaceVideo 2 minutes
-
Integrate Product Showcase ComponentVideo 5 minutes
-
Add Skeleton LoadingVideo 6 minutes
-
Fix Product Card LinkVideo 2 minutes
-
Base IntegrationVideo 4 minutes
-
Pagination EndpointVideo 5 minutes
-
Pagination RTKVideo 4 minutes
-
Integrate PaginationVideo 8 minutes
-
Integrate Pagination 2Video 2 minutes
-
Integrate Pagination 3Video 1 minutes
-
Filter Category EndpointVideo 4 minutes
-
Integrate CategoriesVideo 7 minutes
-
Filter Price EndpointVideo 3 minutes
-
Filter Price IntegrationVideo 6 minutes
-
Filter Price Integration 2Video 6 minutes
-
Filter Rating IntegrationVideo 7 minutes
-
Filter Rating IntegrationVideo 3 minutes
-
Endpoint Product by IDVideo 5 minutes
-
Register on ServiceVideo 3 minutes
-
Integrate Product Detail PageVideo 5 minutes
-
Checkout SchemaVideo 5 minutes
-
Checkout EndpointVideo 4 minutes
-
Checkout Endpoint 2Video 4 minutes
-
Checkout SliceVideo 4 minutes
-
Mutate CheckoutVideo 7 minutes
-
Get Checkout Item EndpointVideo 5 minutes
-
Checkouts SliceVideo 4 minutes
-
Integrate ItemsVideo 5 minutes
-
Integrate Items 2Video 2 minutes
-
Delivery OptionsVideo 5 minutes
-
Transaction SchemaVideo 5 minutes
-
Payment EndpointVideo 8 minutes
-
Bugfix Payment EndpointVideo 4 minutes
-
Register Payment SliceVideo 3 minutes
-
Payment IntegrationVideo 6 minutes
-
History EndpointVideo 4 minutes
-
Register History SliceVideo 4 minutes
-
Integrate History TransactionVideo 8 minutes
-
Bugfix History ListVideo 4 minutes
-
History Bugfix History List 2Video 2 minutes
Member
546
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
JavaScript adalah bahasa pemrograman yang dapat kita gunakan dalam membangun software seperti website, desktop application, mobile app, dan juga lainnya. Pada kali ini kita akan belajar membangun sebuah website toko online untuk menjual produk-produk seperti sayuran dan kebutuhan rumah lainnya.
Bersama dengan mentor Taufan yang telah berpengalaman sebagai full-stack website developer, kita akan belajar menggunakan tech stack terbaru seperti NextJS, Typescript, Prisma, dan Redux Toolkit.
Projek website yang kita bangun tentunya mengadopsi server-side rendering sehingga dapat meningkatkan SEO dari website tersebut. Peran Prisma di sini adalah membantu kita untuk mengelola data dengan database.
Dalam membangun website yang interactive dan memiliki experience yang baik maka kita perlu gunakan Redux Toolkit untuk proses state management.
Setelah kamu mempelajari seluruh materi kelas maka kamu sudah lebih siap berkarir sebagai Full-Stack Website Developer menggunakan JavaScript. Kamu juga akan memiliki portfolio berkualitas tinggi untuk digunakan sebagai modal bekerja, sampai jumpa di kelas.
read more
Learn With Expert
Key Points
-
Membangun fullstack website dengan teknologi terkini
-
Mempelajari system authentication pada NextJS
-
Membuat API dengan NextJS
-
Memanfaatkan fitur cache dengan Redux Toolkit
-
Membangun struktur database dengan Prisma
Created For
-
Anda yang ingin membuat aplikasi e-commerce
-
Anda yang ingin mempelajari Fullstack NextJS dengan Typescript
-
Anda yang ingin mempelajari Prisma
-
Anda yang ingin mempelajari Redux Toolkit
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
546
Happy Students
Happy Students
Robby Suganda
Full-Stack Developer
Mantapppppppppp
13 Dec 2025
Rizki Arahman
Back-End Developer
sangat membantu untuk pemula, jelas sekali cara penyampaianya
10 Sep 2025
Fajar Septiadi
Front-End Developer
Penjelasannya agak kurang mendetail, bagi yg baru belajar pasti agak kesulitan. Tapi untuk yg mau matengin skill, recommended.
25 Aug 2025
Sahrul Ronaldi
Lifetime Learner
it's all good
28 Mar 2025
Venansia Juliama Laoli
Front-End Developer
Materinya Bagus, tapi menurut saya tidak direkomendasikan untuk pemula di Next.js.
28 Feb 2025
Dony Putra
Full-Stack Developer
Bikin Website Toko Online
15 Feb 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.
