Akses kelas 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
Become a top web developer
Release date September 2024
Last updated October 2024
Member
78 enrolled
Tingkatan
Sertifikat
Konsultasi
24 lessons (4.85 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.
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
Learn With Expert
.png)
Yein Narayana
Full-Stack Developer
(56.8K)
.png)
Angga Risky
Full-Stack Developer
(474.2K)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Featured Projects
0 Hasil karya terbaik di kelas Mastering Next.JS: Bikin Web Penyedia Paket Wedding
Belum ada hasil karya
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
Full-Stack JavaScript MERN 2025: Web Course LMS
Rp
690,000
Rp
249,000
(64)
.png)
(210)
(122)
.jpeg)
Android Developer: Build Apps with Compose
Rp
150,000
Rp
49,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.
Mastering Next.JS: Bikin Web Penyedia Paket Wedding
Become a top web developer
-
Introduction1 minutes -
Overview Project13 minutes
-
Setup Workspace16 minutes
-
Penjelasan App Router10 minutes
-
Setup Modal Router13 minutes
-
Reusable Header Component14 minutes
-
Wedding Package Slider50 minutes
-
Section Features5 minutes
-
Wedding Package Grid8 minutes
-
Section Cities8 minutes
-
Testimonial11 minutes
-
Review Homepage2 minutes
-
Default Page City1 minutes
-
Details Page18 minutes
-
Bonus Component7 minutes
-
Modal Bonus21 minutes
-
Organizer Component4 minutes
-
Main Component9 minutes
-
Form + Server Action + Redirect43 minutes
-
Success Page5 minutes
-
Main Component5 minutes
-
Form + Server Action + Redirect7 minutes
-
Booking Found19 minutes
-
Review Materi1 minutes
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
78
Happy Students
Happy Students
Alif Andarta Al Falah
Mobile App Developer
cukup menjelaskan
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.
