Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Mastering Next.JS: Bikin Web Penyedia Paket Wedding
Kelas Online
Mastering Next.JS: Bikin Web Penyedia Paket Wedding
Released date September 2024
Last updated March 2026
Member
176 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
27 lessons (5.67 hours)
Develop Your Skills
Kelas premium ini dirancang khusus untuk Anda yang ingin menguasai Next.js dan React.js dalam pengembangan aplikasi web modern. Dalam kelas ini, Anda akan mempelajari bagaimana cara memecah komponen Next.js menjadi reusable components, yang memungkinkan Anda untuk menulis kode yang lebih efisien, mudah dikelola, dan siap untuk pengembangan skala besar. Anda juga akan mempelajari secara mendalam cara kerja hooks pada React.js dan Next.js, memberikan pemahaman yang kuat tentang pengelolaan state dan lifecycle dalam aplikasi React.
Selain itu, Anda akan belajar mengenali perbedaan antara client-side dan server-side components, sebuah konsep penting dalam pengembangan aplikasi modern yang menggabungkan kinerja dan pengalaman pengguna yang lebih baik. Kami juga akan mengajarkan penggunaan sistem routing terbaru di Next.js, yaitu app router, yang akan membantu Anda mengelola navigasi antar halaman secara lebih efisien. Tidak hanya itu, Anda akan memanfaatkan server actions pada form, yang merupakan fitur penting untuk meningkatkan performa aplikasi saat menangani data form secara langsung di server.
Di kelas ini, Anda juga akan belajar cara mengintegrasikan API ke dalam proyek menggunakan backend Laravel sebagai API dan CMS. Dengan pendekatan ini, Anda akan mendapatkan pengalaman praktis dalam menghubungkan frontend dan backend dengan efisien. Untuk menambah interaktivitas pada aplikasi, Anda juga akan diajarkan cara menampilkan slider menggunakan SwiperJS, menampilkan notifikasi dengan React-Toastify, dan membuat popup atau modal yang persist pada address bar.
Selain itu, kelas ini mencakup pemanfaatan dynamic routes untuk menangkap slug, yang memungkinkan URL dinamis dalam aplikasi Anda, serta teknik conditional rendering untuk menampilkan konten yang sesuai dengan kondisi tertentu. Semua materi ini dirancang untuk memberi Anda pemahaman yang komprehensif tentang pengembangan aplikasi web dengan Next.js dan Laravel, menjadikannya portofolio kuat untuk mendukung karir Anda sebagai seorang full stack developer.
Sneak Peek
Key Points
memecah komponen reactjs agar bersifat reusable component
memahami cara kerja hooks pada reactjs dan nextjs
menggunakan routing system yang baru dari nextjs yaitu app router
menampilkan slider dengan swiperjs
Designed For
Anda yang sedang switch career menjadi freelance web developer
Anda yang membutuhkan portfolio berkualitas tinggi
Anda yang ingin fokus mendalami javascript
Course Lessons
Videos language: Bahasa Indonesia (Auto-translation available)
Learn With Expert
Yein Narayana
Full-Stack Developer
(60K)
Angga Risky S
Full-Stack Developer
(464.4K)
Fajar Ika Saputra
Mobile App Developer
Penjelasan mentornya oke bgt, mudah dimengerti. Forum diskusi dengan mentor sangat berguna sekali. Mentor bahkan mau membantu dengan discord voice chat ketika saya mengalami kesulitan. Respect total. Shout out to mas yein narayana 🫡 read more
02 Mar 2025
Dhafa A
Full-Stack Developer
Kelas yang bagus, untuk pematerinya sangat baik menjelaskan read more
11 Nov 2024
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Next JS
Software
VSCode
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 455,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
(315)
SC Flutter Laravel Filament Order Coffee Point of Sales Apps
Rp
1,860,000
Rp
70,000
(48)
(176)
(22)
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.
Mastering Next.JS: Bikin Web Penyedia Paket Wedding
Videos language: Bahasa Indonesia (Auto-translation available)
-
IntroductionVideo 1 minutes -
Overview ProjectVideo 13 minutes
-
Setup WorkspaceVideo 16 minutes
-
Penjelasan App RouterVideo 10 minutes
-
Setup Modal RouterVideo 13 minutes
-
Reusable Header ComponentVideo 14 minutes
-
Wedding Package SliderVideo 50 minutes
-
Section FeaturesVideo 5 minutes
-
Wedding Package GridVideo 8 minutes
-
Section CitiesVideo 8 minutes
-
TestimonialVideo 11 minutes
-
Review HomepageVideo 2 minutes
-
Default Page CityVideo 1 minutes
-
Details PageVideo 18 minutes
-
Default PageVideo 2 minutes
-
Details PackageVideo 19 minutes
-
Slides ComponentVideo 12 minutes
-
Bonus ComponentVideo 7 minutes
-
Modal BonusVideo 21 minutes
-
Organizer ComponentVideo 5 minutes
-
Main ComponentVideo 9 minutes
-
Form + Server Action + RedirectVideo 43 minutes
-
Success pageVideo 19 minutes
-
Main ComponentVideo 5 minutes
-
Form + Server Action + RedirectVideo 7 minutes
-
Booking FoundVideo 20 minutes
-
ReviewVideo 1 minutes
Member
176
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Kelas premium ini dirancang khusus untuk Anda yang ingin menguasai Next.js dan React.js dalam pengembangan aplikasi web modern. Dalam kelas ini, Anda akan mempelajari bagaimana cara memecah komponen Next.js menjadi reusable components, yang memungkinkan Anda untuk menulis kode yang lebih efisien, mudah dikelola, dan siap untuk pengembangan skala besar. Anda juga akan mempelajari secara mendalam cara kerja hooks pada React.js dan Next.js, memberikan pemahaman yang kuat tentang pengelolaan state dan lifecycle dalam aplikasi React.
Selain itu, Anda akan belajar mengenali perbedaan antara client-side dan server-side components, sebuah konsep penting dalam pengembangan aplikasi modern yang menggabungkan kinerja dan pengalaman pengguna yang lebih baik. Kami juga akan mengajarkan penggunaan sistem routing terbaru di Next.js, yaitu app router, yang akan membantu Anda mengelola navigasi antar halaman secara lebih efisien. Tidak hanya itu, Anda akan memanfaatkan server actions pada form, yang merupakan fitur penting untuk meningkatkan performa aplikasi saat menangani data form secara langsung di server.
Di kelas ini, Anda juga akan belajar cara mengintegrasikan API ke dalam proyek menggunakan backend Laravel sebagai API dan CMS. Dengan pendekatan ini, Anda akan mendapatkan pengalaman praktis dalam menghubungkan frontend dan backend dengan efisien. Untuk menambah interaktivitas pada aplikasi, Anda juga akan diajarkan cara menampilkan slider menggunakan SwiperJS, menampilkan notifikasi dengan React-Toastify, dan membuat popup atau modal yang persist pada address bar.
Selain itu, kelas ini mencakup pemanfaatan dynamic routes untuk menangkap slug, yang memungkinkan URL dinamis dalam aplikasi Anda, serta teknik conditional rendering untuk menampilkan konten yang sesuai dengan kondisi tertentu. Semua materi ini dirancang untuk memberi Anda pemahaman yang komprehensif tentang pengembangan aplikasi web dengan Next.js dan Laravel, menjadikannya portofolio kuat untuk mendukung karir Anda sebagai seorang full stack developer.
read more
Learn With Expert
Key Points
-
memecah komponen reactjs agar bersifat reusable component
-
memahami cara kerja hooks pada reactjs dan nextjs
-
menggunakan routing system yang baru dari nextjs yaitu app router
-
menampilkan slider dengan swiperjs
Created For
-
Anda yang sedang switch career menjadi freelance web developer
-
Anda yang membutuhkan portfolio berkualitas tinggi
-
Anda yang ingin fokus mendalami javascript
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
176
Happy Students
Happy Students
Bagas
Lifetime Learner
baik baik baik
09 Mar 2026
Fajar Ika Saputra
Mobile App Developer
Penjelasan mentornya oke bgt, mudah dimengerti. Forum diskusi dengan mentor sangat berguna sekali. Mentor bahkan mau membantu dengan discord voice chat ketika saya mengalami kesulitan. Respect total. Shout out to mas yein narayana 🫡
02 Mar 2025
Dhafa A
Full-Stack Developer
Kelas yang bagus, untuk pematerinya sangat baik menjelaskan
11 Nov 2024
Alif Andarta Al Falah
Mobile App Developer
cukup menjelaskan
01 Oct 2024
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.
