Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Mastering Next.JS: Bikin Web Penyedia Paket Wedding

Become a top web developer

icon global
Release date September 2024
icon convert
Last updated October 2024
Member

66 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

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

icon_check

memecah komponen reactjs agar bersifat reusable component

icon_check

memahami cara kerja hooks pada reactjs dan nextjs

icon_check

menggunakan routing system yang baru dari nextjs yaitu app router

icon_check

menampilkan slider dengan swiperjs

Designed For

icon_check

Anda yang sedang switch career menjadi freelance web developer

icon_check

Anda yang membutuhkan portfolio berkualitas tinggi

icon_check

Anda yang ingin fokus mendalami javascript

Course Lessons

Learn With Expert

Mentor Yein Narayana

Yein Narayana

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(55.7K)

Mentor Angga Risky

Angga Risky

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(413.8K)

Our Happy Students

Review setelah bergabung di kelas Mastering Next.JS: Bikin Web Penyedia Paket Wedding

All Rating
Alif Andarta Al Falah at BuildWithAngga
Alif Andarta Al Falah

Mobile App Developer

cukup menjelaskan read more

ic-star ic-star ic-star
Belum ada review
loader

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

icon_check

Selamanya

Rp 55,000

ic info

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

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

  • lock
    Introduction
    1 minutes
  • lock
    Overview Project
    13 minutes
  • lock
    Setup Workspace
    16 minutes
  • lock
    Penjelasan App Router
    10 minutes
  • lock
    Setup Modal Router
    13 minutes

  • lock
    Reusable Header Component
    14 minutes
  • lock
    Wedding Package Slider
    50 minutes
  • lock
    Section Features
    5 minutes
  • lock
    Wedding Package Grid
    8 minutes
  • lock
    Section Cities
    8 minutes
  • lock
    Testimonial
    11 minutes
  • lock
    Review Homepage
    2 minutes

  • lock
    Default Page City
    1 minutes
  • lock
    Details Page
    18 minutes
  • lock
    Bonus Component
    7 minutes
  • lock
    Modal Bonus
    21 minutes
  • lock
    Organizer Component
    4 minutes

  • lock
    Main Component
    9 minutes
  • lock
    Form + Server Action + Redirect
    43 minutes
  • lock
    Success Page
    5 minutes

  • lock
    Main Component
    5 minutes
  • lock
    Form + Server Action + Redirect
    7 minutes
  • lock
    Booking Found
    19 minutes
  • lock
    Review Materi
    1 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
Key Points
  • check
    memecah komponen reactjs agar bersifat reusable component
  • check
    memahami cara kerja hooks pada reactjs dan nextjs
  • check
    menggunakan routing system yang baru dari nextjs yaitu app router
  • check
    menampilkan slider dengan swiperjs
Created For
  • check
    Anda yang sedang switch career menjadi freelance web developer
  • check
    Anda yang membutuhkan portfolio berkualitas tinggi
  • check
    Anda yang ingin fokus mendalami javascript
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
66
Happy Students
aliefazuka123 at BuildWithAngga
aliefazuka123

Mobile App Developer

cukup menjelaskan

ic-star ic-star ic-star

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

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 55,000

Rp 690,000

arrow_upward