Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Bangun Aplikasi Laravel Modern Menggunakan React InertiaJS
Kelas Online
Bangun Aplikasi Laravel Modern Menggunakan React InertiaJS
Released date September 2024
Last updated March 2026
Member
311 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
90 lessons (12.5 hours)
Develop Your Skills
Siap untuk memasuki era web modern? Bergabunglah dengan kelas online ini yang akan membimbing Anda dalam membangun website modern menggunakan teknologi terkini seperti Laravel 11, ReactJs, dan InertiaJS.
Apa yang akan Anda dapatkan dari kelas ini? Anda akan dipandu melalui pembuatan sebuah website kanban board sebagai studi kasus. Dengan InertiaJS, Anda akan menguasai cara menciptakan Single Page Application (SPA) tanpa perlu memisahkan proyek Anda menjadi dua bagian, yaitu front-end dan back-end. Ini berarti Anda dapat mengembangkan website secara monolit dengan mudah.
Dari langkah awal menyiapkan Laravel Breeze dan InertiaJS hingga menguasai ReactJS dan teknik-teknik layout yang diperlukan, serta menerapkan fitur-fitur utama seperti drag & drop dengan library DnD kit, kelas ini akan memberikan Anda keterampilan untuk menciptakan website modern dan ramah pengguna. Anda akan memahami konsep-konsep penting dalam Laravel, ReactJS, InertiaJS, TailwindCSS, dan DnD kit.
Tidak hanya itu, dalam kelas ini, Anda juga akan dibimbing dalam membuat datatable sendiri, mulai dari pagination, searching, sorting, hingga teknik-teknik lanjutan lainnya. Menarik, bukan?
Kelas ini sangat ideal bagi siapa saja yang bercita-cita menjadi seorang full stack developer. Bergabunglah sekarang dan ikuti perjalanan belajar dari awal hingga akhir. Dengan kami, Anda juga akan memiliki kesempatan untuk membangun portofolio yang keren dan berpartisipasi dalam forum belajar serta grup privat untuk berkonsultasi bersama mentor kelas.
Jangan lewatkan kesempatan ini untuk menjadi full stack developer! Segera bergabung dan mari kita mulai perjalanan menuju kesuksesan bersama-sama. Sampai jumpa di kelas!
Sneak Peek
Key Points
Mempelajari Framework PHP Laravel 11
Mempelajari ReactJS untuk pengembangan antarmuka pengguna yang dinamis
Menguasai TailwindCSS untuk desain web yang responsif dan menarik
Penerapan InertiaJS untuk integrasi antara ReactJS dan Laravel secara monolith
Memahami teknik Drag & Drop menggunakan DnD Kit untuk meningkatkan interaktivitas
Belajar menggunakan Shadcn/UI untuk menghasilkan antarmuka pengguna yang kreatif dan modern
Designed For
Kamu yang bersemangat untuk mempelajari framework PHP Laravel 11
Kamu yang tertarik mempelajari ReactJS untuk mengembangkan interface pengguna yang dinamis.
Kamu yang ingin membangun website monolith modern dengan menggunakan InertiaJS
Kamu yang ingin menguasai teknik membuat kanban board dan menerapkan fungsi drag & drop menggunakan DnD Kit
Kamu yang meningkatkan kemampuan dalam styling dengan menggunakan TailwindCSS
Kamu yang ingin mempelajari pembuatan datatable secara mandiri untuk mengelola dan menampilkan data
Kamu yang ingin belajar cara menerapkan dark mode dengan ReactJS
Course Lessons
Videos language: Bahasa Indonesia (Auto-translation available)
Learn With Expert
Budi Setiawan
Full-Stack Developer
(1.3K)
Muhamad Rizki Aditya
Full-Stack Developer
Seperti biasa, tidak mengecewakan. banyak hal baru yg saya pelajari dari kelas ini meskipun sudah lama pakai Laravel,Inertia,React. thanks read more
26 Dec 2025
Oksa Candra Martadinata
Lifetime Learner
kelas dan penjelasan yang sangat bermanfaat read more
29 Mar 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Visual Studio Code
Software
Laravel
Software
React JS
Software
Node JS
Software
GitHub
Software
Tailwind CSS
Software
Mysql
Software
Git
Software
Table Plus
Software
PHP V 8
Software
InertiaJS
Software
Shadcn/ui
Software
Prettier
Software
DnD Kit
Software
Vite
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 260,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
Source Code Next.js 16: Web Cbt Ujian Online & School Management
Rp
1,000,000
Rp
70,000
(6)
.png)
(1,442)
(424)
Full-Stack Golang Next JS: Blog Portal News
Rp 690,000
(549)
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.
Bangun Aplikasi Laravel Modern Menggunakan React InertiaJS
Videos language: Bahasa Indonesia (Auto-translation available)
-
IntroductionVideo 8 minutes
-
Instalasi LaravelVideo 12 minutes
-
Hubungkan Dengan GithubVideo 8 minutes
-
Breeze and Inertia ReactJSVideo 6 minutes
-
Rapihkan Dengan PrettierVideo 9 minutes
-
Installation ShadcnUIVideo 7 minutes
-
Konfigurasi Yang Harus Anda SamakanVideo 7 minutes
-
Component Based 1Video 5 minutes
-
Component Based 2Video 7 minutes
-
Component Based 3Video 8 minutes
-
Component Based 4Video 5 minutes
-
Flash Message HelperVideo 8 minutes
-
Analisis Terlebih DahuluVideo 7 minutes
-
Model and Migration UserVideo 4 minutes
-
Model and Migration WorkspaceVideo 9 minutes
-
Model and Migration CardVideo 6 minutes
-
Model and Migration AttachmentVideo 2 minutes
-
Model and Migration TaskVideo 3 minutes
-
Model and Migration MemberVideo 3 minutes
-
Relasikan SemuanyaVideo 10 minutes
-
Kita Buat Layout UtamanyaVideo 7 minutes
-
Membuat SidebarVideo 10 minutes
-
Buat Sidebar ResponsiveVideo 8 minutes
-
Pisahkan Sidebar dan Sidebar ResponsivVideo 4 minutes
-
Refactoring Page LoginVideo 10 minutes
-
Refactoring page RegisterVideo 5 minutes
-
Refactoring Page Forgot passwordVideo 3 minutes
-
Refactoring Page Confirm PasswordVideo 3 minutes
-
Refactoring Page Reset PasswordVideo 3 minutes
-
Refactoring Page Verify EmailVideo 3 minutes
-
Shared DataVideo 10 minutes
-
Persistent LayoutVideo 5 minutes
-
Active Menu 1Video 9 minutes
-
Active Menu 2Video 3 minutes
-
LogoutVideo 3 minutes
-
Tambah Data Workspace 1Video 14 minutes
-
Tambah Data Workspace 2Video 15 minutes
-
Tambah Data Workspace 3Video 13 minutes
-
Tampilkan WorkspaceVideo 7 minutes
-
Show WorkspaceVideo 13 minutes
-
Setting WorkspaceVideo 10 minutes
-
Invite Member Ke Dalam WorkspaceVideo 14 minutes
-
Tampilkan MembernyaVideo 9 minutes
-
Tampilkan Workspace Untuk MemberVideo 9 minutes
-
Delete Member WorkspaceVideo 6 minutes
-
Delete WorkspaceVideo 6 minutes
-
Tambah Card 1Video 15 minutes
-
Tambah Card 2Video 14 minutes
-
Tampilkan Card Berdasarkan StatusVideo 15 minutes
-
Liat Detail CardVideo 10 minutes
-
Edit CardVideo 15 minutes
-
Delete CardVideo 6 minutes
-
Invite Member Ke Dalam CardVideo 11 minutes
-
Tampilkan MemberVideo 6 minutes
-
Hapus MemberVideo 5 minutes
-
Tambahkan Attachment Ke Dalam CardVideo 11 minutes
-
Tampilkan AttachmentVideo 4 minutes
-
Hapus AttachmentVideo 4 minutes
-
Tambahkan Task Ke Dalam CardVideo 5 minutes
-
Tampilkan TaskVideo 5 minutes
-
Hapus TaskVideo 3 minutes
-
Tambahkan Item Ke Dalam TaskVideo 23 minutes
-
Hapus Item TaskVideo 3 minutes
-
Marked As Completed TaskVideo 7 minutes
-
Buatkan Progress Dengan PercentageVideo 13 minutes
-
Percantik Card Dengan Drag and Drop 1Video 16 minutes
-
Percantik Card Dengan Drag and Drop 2Video 15 minutes
-
Percantik Card Dengan Drag and Drop 3Video 20 minutes
-
Tampilkan Semua Task Yang Di AssignVideo 18 minutes
-
PaginationVideo 10 minutes
-
SearchingVideo 11 minutes
-
LoadVideo 3 minutes
-
SortingVideo 4 minutes
-
Refactoring Profile BawaanVideo 10 minutes
-
Tampilkan StatistikVideo 10 minutes
-
Buat Productivity ChartVideo 13 minutes
-
Tampilkan To Do List PenggunaVideo 9 minutes
-
Tampilkan Data PenggunaVideo 15 minutes
-
Tambah PeopleVideo 12 minutes
-
Edit PeopleVideo 7 minutes
-
Hapus PeopleVideo 3 minutes
-
Kita Butuh RolesVideo 8 minutes
-
Berikan Policy Untuk WorkspaceVideo 6 minutes
-
Berikan Policy Untuk CardVideo 5 minutes
-
Kita Butuh Observer Untuk WorkspaceVideo 4 minutes
-
Kita Butuh Observer Untuk CardVideo 2 minutes
-
Landing PageVideo 2 minutes
-
Dark ModeVideo 12 minutes
-
Error Handling InertiaVideo 13 minutes
-
Server Side Rendering (SSR)Video 11 minutes
Member
311
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Siap untuk memasuki era web modern? Bergabunglah dengan kelas online ini yang akan membimbing Anda dalam membangun website modern menggunakan teknologi terkini seperti Laravel 11, ReactJs, dan InertiaJS.
Apa yang akan Anda dapatkan dari kelas ini? Anda akan dipandu melalui pembuatan sebuah website kanban board sebagai studi kasus. Dengan InertiaJS, Anda akan menguasai cara menciptakan Single Page Application (SPA) tanpa perlu memisahkan proyek Anda menjadi dua bagian, yaitu front-end dan back-end. Ini berarti Anda dapat mengembangkan website secara monolit dengan mudah.
Dari langkah awal menyiapkan Laravel Breeze dan InertiaJS hingga menguasai ReactJS dan teknik-teknik layout yang diperlukan, serta menerapkan fitur-fitur utama seperti drag & drop dengan library DnD kit, kelas ini akan memberikan Anda keterampilan untuk menciptakan website modern dan ramah pengguna. Anda akan memahami konsep-konsep penting dalam Laravel, ReactJS, InertiaJS, TailwindCSS, dan DnD kit.
Tidak hanya itu, dalam kelas ini, Anda juga akan dibimbing dalam membuat datatable sendiri, mulai dari pagination, searching, sorting, hingga teknik-teknik lanjutan lainnya. Menarik, bukan?
Kelas ini sangat ideal bagi siapa saja yang bercita-cita menjadi seorang full stack developer. Bergabunglah sekarang dan ikuti perjalanan belajar dari awal hingga akhir. Dengan kami, Anda juga akan memiliki kesempatan untuk membangun portofolio yang keren dan berpartisipasi dalam forum belajar serta grup privat untuk berkonsultasi bersama mentor kelas.
Jangan lewatkan kesempatan ini untuk menjadi full stack developer! Segera bergabung dan mari kita mulai perjalanan menuju kesuksesan bersama-sama. Sampai jumpa di kelas!
read more
Learn With Expert
Key Points
-
Mempelajari Framework PHP Laravel 11
-
Mempelajari ReactJS untuk pengembangan antarmuka pengguna yang dinamis
-
Menguasai TailwindCSS untuk desain web yang responsif dan menarik
-
Penerapan InertiaJS untuk integrasi antara ReactJS dan Laravel secara monolith
-
Memahami teknik Drag & Drop menggunakan DnD Kit untuk meningkatkan interaktivitas
-
Belajar menggunakan Shadcn/UI untuk menghasilkan antarmuka pengguna yang kreatif dan modern
Created For
-
Kamu yang bersemangat untuk mempelajari framework PHP Laravel 11
-
Kamu yang tertarik mempelajari ReactJS untuk mengembangkan interface pengguna yang dinamis.
-
Kamu yang ingin membangun website monolith modern dengan menggunakan InertiaJS
-
Kamu yang ingin menguasai teknik membuat kanban board dan menerapkan fungsi drag & drop menggunakan DnD Kit
-
Kamu yang meningkatkan kemampuan dalam styling dengan menggunakan TailwindCSS
-
Kamu yang ingin mempelajari pembuatan datatable secara mandiri untuk mengelola dan menampilkan data
-
Kamu yang ingin belajar cara menerapkan dark mode dengan ReactJS
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
311
Happy Students
Happy Students
Muhamad Rizki Aditya
Full-Stack Developer
Seperti biasa, tidak mengecewakan. banyak hal baru yg saya pelajari dari kelas ini meskipun sudah lama pakai Laravel,Inertia,React. thanks
26 Dec 2025
Rahmat Nurcahyo
Full-Stack Developer
mantap kelasnya
19 Nov 2025
Putu Rifki Dirkayuda
Front-End Developer
Sangat mudah dipahami
16 Nov 2025
Oksa Candra Martadinata
Lifetime Learner
kelas dan penjelasan yang sangat bermanfaat
29 Mar 2025
Dicky Setiawan
Lifetime Learner
Keren banget materi nya
12 Mar 2025
Fariz Imam
Full-Stack Developer
Alur pembelajaran mudah dipahami
22 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.
