Akses Selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React

icon global
Released date October 2024
icon convert
Last updated March 2026
Member

449 enrolled

Lesson Type

Video Only

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Kelas online Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Made Easy hadir sebagai solusi bagi Anda yang ingin menguasai pengembangan website perpustakaan yang modern. Dalam kelas ini, Anda tidak hanya akan belajar memanfaatkan framework Laravel dan React, tetapi juga akan diajarkan bagaimana cara menyajikan konten secara dinamis melalui Inertia.js, serta menerapkan desain responsif yang menarik dengan Tailwind CSS.

Kelas ini dirancang untuk memberikan pemahaman mendalam mengenai konsep-konsep dasar pengembangan web hingga implementasi fitur-fitur canggih seperti autentikasi berbasis peran menggunakan Laravel Spatie Role and Permission. Anda akan mendapatkan pengalaman dalam mengatur middleware rute secara dinamis melalui CMS yang Anda bangun sendiri. Dengan demikian, Anda akan mampu menciptakan struktur website yang kuat dan aman.

Selama mengikuti kelas ini, Anda juga akan mempelajari integrasi pembayaran denda menggunakan Midtrans, yang akan mempermudah proses transaksi bagi pengunjung perpustakaan. Tak hanya itu, pembelajaran tentang cara menampilkan data secara visual menggunakan Recharts dan penerapan mode gelap (dark mode) akan menambah daya tarik website Anda. 

Kelas ini terbuka untuk semua kalangan, baik pemula yang baru mengenal dunia pengembangan website maupun programmer berpengalaman yang ingin memperdalam keterampilannya. Dengan modul pembelajaran yang terstruktur dengan baik. Anda akan memperoleh pembelajaran yang menyeluruh dan aplikatif. Segera bergabung dan wujudkan impian Anda untuk menciptakan website perpustakaan yang tidak hanya menarik, tetapi juga fungsional.

Mari kita optimalkan potensi teknologi bersama dan kembangkan keterampilan Anda dalam membangun website perpustakaan yang menarik perhatian dengan kelas Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Made Easy. Anda sudah siap untuk memulai perjalanan ini? Bergabunglah sekarang dan bawa ide Anda menjadi kenyataan!

Sneak Peek

Key Points

icon_check

Mendalami Laravel dan React: Pelajari bagaimana menggabungkan Laravel sebagai backend dan React untuk front-end yang interaktif.

icon_check

InertiaJS: Pahami cara menggunakan InertiaJS untuk mentransformasikan aplikasi dari pendekatan halaman penuh menjadi aplikasi satu halaman yang lebih responsif.

icon_check

Desain Responsif dengan TailwindCSS: Ciptakan tampilan yang menarik dan responsif untuk pengguna desktop dan mobile dengan TailwindCSS.

icon_check

Implementasi Role dan Permission: Kuasai cara menggunakan Laravel Spatie untuk mengatur hak akses pengguna secara dinamis melalui CMS.

icon_check

Pembayaran Denda dengan Midtrans: Integrasikan sistem pembayaran yang aman untuk transaksi denda dengan menggunakan Midtrans.

icon_check

Penggunaan ShadcnUI dan DataTable: Manfaatkan komponen UI yang modern dan tabel data yang dinamis untuk meningkatkan keterlibatan pengguna.

icon_check

Menjaga Kode Bersih dengan Prettier: Pelajari cara merapikan kode Anda menggunakan Prettier untuk memudahkan pengembangan dan kolaborasi.

icon_check

SSR dan Mode Gelap: Implementasikan Server-Side Rendering dan pilihan mode gelap untuk meningkatkan pengalaman pengguna.

icon_check

Membuat Visualisasi Data: Gunakan Recharts untuk mengembangkan chart yang informatif dan interaktif.

Designed For

icon_check

Peserta yang Semangat Belajar: Kelas ini ditujukan untuk individu yang ingin mengembangkan keterampilan programming, baik pemula maupun yang sudah berpengalaman.

icon_check

Cocok bagi para developer yang ingin memperdalam keterampilan dalam framework Laravel dan React serta implementasi praktik terbaik.

icon_check

Ideal untuk siapa saja yang memiliki minat dalam teknologi terkini dan ingin menerapkannya dalam proyek nyata, terutama di bidang pengembangan aplikasi web.

icon_check

Kelas ini juga relevan untuk para mahasiswa yang ingin menguasai tools modern untuk aplikasi web

Course Lessons

Learn With Expert

Mentor Budi Setiawan

Budi Setiawan

Full-Stack Developer

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

(1.3K)

Our Happy Students

Review setelah bergabung di kelas Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React

All Rating
Valdo at BuildWithAngga
Valdo

Lifetime Learner

sangat baik, saya memahami dengan baik read more

11 Feb 2026

ic-star ic-star ic-star ic-star ic-star
IT_RSV Makassar at BuildWithAngga
IT_RSV Makassar

Lifetime Learner

Kelas dengan materi yang sangat bagus read more

02 Feb 2026

ic-star ic-star ic-star ic-star ic-star
Muhammad Rizki at BuildWithAngga
Muhammad Rizki

Full-Stack Developer

Kelas ini worth it banget buat upgrade ke intermediate! Fokus Laravel 11 + Inertia.js bikin aplikasi cepat. Kekurangannya, React.js hanya fokus tampilan, interaksi kompleksnya kurang. Overall, ini fondasi full stack yang sangat solid! read more

10 Dec 2025

ic-star ic-star ic-star ic-star ic-star
Alfaidar Amir at BuildWithAngga
Alfaidar Amir

Full-Stack Developer

kelas nya lumayan dan dapat pengatahuan bagaimana tentang laravel dengan inertia react , bagaimana state di react dan bagaimana proses logic di laravel read more

20 Nov 2025

ic-star ic-star ic-star ic-star ic-star
Carolina Ratna at BuildWithAngga
Carolina Ratna

Lifetime Learner

penjelasan nya sangat jelas read more

13 Nov 2025

ic-star ic-star ic-star ic-star ic-star
Femi Elice at BuildWithAngga
Femi Elice

Full-Stack Developer

materi sangat bermanfaat read more

20 Oct 2025

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Visual Studio Code

Software

logo

Laravel

Software

logo

React JS

Software

logo

Node JS

Software

logo

GitHub

Software

logo

Tailwind CSS

Software

logo

JavaScript

Software

logo

Mysql

Software

logo

Git

Software

logo

NPM

Software

logo

Table Plus

Software

logo

Ngrok

Software

logo

PHP V 8

Software

logo

Midtrans

Software

logo

InertiaJS

Software

logo

Shadcn/ui

Software

logo

Prettier

Software

logo

Vite

Software

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 890,000

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

Recommended for You

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.
Foto kelas Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Foto kelas Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Foto kelas Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Foto kelas Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React

Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React

  • lock
    Introduction
    Video 20 minutes
  • lock
    Kenapa Laravel
    Video 3 minutes
  • lock
    Kenapa ReactJS
    Video 4 minutes
  • lock
    Kenapa InertiaJS
    Video 4 minutes

  • lock
    Instalasi Laravel
    Video 6 minutes
  • lock
    Instalasi Breeze
    Video 4 minutes
  • lock
    Sekarang Kita Coba
    Video 5 minutes

  • lock
    Enum Book Language
    Video 5 minutes
  • lock
    Enum Book Status
    Video 3 minutes
  • lock
    Enum Fine Payment Status
    Video 3 minutes
  • lock
    Enum Return Book Condition
    Video 2 minutes
  • lock
    Enum Return Book Status
    Video 2 minutes
  • lock
    Enum User Gender
    Video 2 minutes
  • lock
    Enum Message Type
    Video 5 minutes

  • lock
    Model dan Migration User
    Video 15 minutes
  • lock
    Model dan Migration Kategori
    Video 3 minutes
  • lock
    Model dan Migration Penerbit
    Video 2 minutes
  • lock
    Model dan Migration Buku
    Video 11 minutes
  • lock
    Model dan Migration Stok Buku
    Video 4 minutes
  • lock
    Model dan Migration Peminjaman
    Video 4 minutes
  • lock
    Model dan Migration Pengembalian
    Video 4 minutes
  • lock
    Model dan Migration Pengembalian Cek
    Video 3 minutes
  • lock
    Model dan Migration Denda
    Video 5 minutes
  • lock
    Model dan Migration Pengaturan Denda
    Video 3 minutes
  • lock
    Model dan Migration Pengumuman
    Video 2 minutes
  • lock
    Relasikan Modelnya
    Video 10 minutes

  • lock
    Modifikasi User Factory
    Video 3 minutes
  • lock
    Buat Category Factory
    Video 4 minutes
  • lock
    Buat Publisher Factory
    Video 3 minutes

  • lock
    Buat Category Seeder
    Video 2 minutes
  • lock
    Buat Publisher Seeder
    Video 1 minutes
  • lock
    Call All Seeder
    Video 7 minutes

  • lock
    Buat Flash Message
    Video 4 minutes
  • lock
    Buat Username Generator
    Video 5 minutes
  • lock
    Buat Signature Payment
    Video 3 minutes
  • lock
    Composer Dump Autoload
    Video 2 minutes

  • lock
    Upload File
    Video 10 minutes

  • lock
    Kenalan Dengan Shadcn UI
    Video 3 minutes
  • lock
    Installasi Shadcn UI
    Video 4 minutes
  • lock
    Pilih Komponen Yang Kita Butuhkan
    Video 3 minutes
  • lock
    Modifikasi Komponen Shadcn UI
    Video 7 minutes
  • lock
    Modifikasi Application Logo
    Video 6 minutes
  • lock
    Modifikasi Nav Link
    Video 4 minutes
  • lock
    Modifikasi Input Error
    Video 1 minutes
  • lock
    Buat Nav Link Responsive
    Video 3 minutes
  • lock
    Buat Header Title
    Video 2 minutes
  • lock
    Buat Badge Status
    Video 4 minutes
  • lock
    Multi Select dan Combo Box
    Video 1 minutes

  • lock
    Object Fine Payment Status
    Video 1 minutes
  • lock
    Flash Message
    Video 3 minutes
  • lock
    Konversi Mata Uang Rupiah
    Video 3 minutes
  • lock
    Message Error
    Video 4 minutes
  • lock
    Font Custom dan Storage
    Video 2 minutes
  • lock
    Perlu Kita Rapihkan Kodenya
    Video 7 minutes

  • lock
    Kita Buat Layout Utamanya
    Video 16 minutes
  • lock
    Buat Sidebar
    Video 8 minutes
  • lock
    Buat Sidebar Responsive
    Video 6 minutes
  • lock
    Pisahkan Sidebar Ke Dalam Component
    Video 3 minutes
  • lock
    Active Menu
    Video 5 minutes
  • lock
    Shared Data Auth
    Video 10 minutes
  • lock
    Persistent Layout
    Video 3 minutes
  • lock
    Logout
    Video 3 minutes

  • lock
    Refactoring Page Login
    Video 20 minutes
  • lock
    Refactoring Page Register
    Video 13 minutes
  • lock
    Refactoring Page Forgot Password
    Video 7 minutes
  • lock
    Refactoring Page Confirm Password
    Video 6 minutes
  • lock
    Refactoring Page Reset Password
    Video 7 minutes
  • lock
    Refactoring Page Verify Email
    Video 5 minutes
  • lock
    Testing Lupa Password dan Verify Email
    Video 6 minutes

  • lock
    Siapkan Route dan Controller
    Video 4 minutes
  • lock
    Tampilkan Data Kategori
    Video 18 minutes
  • lock
    Buat Resourcenya
    Video 3 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Tambah Data Kategori
    Video 27 minutes
  • lock
    Edit Data Kategori
    Video 9 minutes
  • lock
    Hapus Data Kategori
    Video 4 minutes

  • lock
    Use Filter
    Video 6 minutes
  • lock
    Pagination
    Video 8 minutes
  • lock
    Searching
    Video 6 minutes
  • lock
    Load
    Video 4 minutes
  • lock
    Sorting
    Video 5 minutes
  • lock
    Clear All
    Video 2 minutes
  • lock
    Scope
    Video 5 minutes

  • lock
    Siapkan Route dan Controller
    Video 2 minutes
  • lock
    Buat Resourcenya
    Video 2 minutes
  • lock
    Scope Filter dan Sorting
    Video 4 minutes
  • lock
    Request Validation
    Video 3 minutes
  • lock
    Tampilkan Data Penerbit
    Video 10 minutes
  • lock
    Tambahkan Data Penerbit
    Video 10 minutes
  • lock
    Edit Data Penerbit
    Video 5 minutes
  • lock
    Hapus Data Penerbit
    Video 3 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 5 minutes
  • lock
    Scope Filter dan Sorting
    Video 3 minutes
  • lock
    Request Validation
    Video 6 minutes
  • lock
    Tampilkan Data Bukunya
    Video 13 minutes
  • lock
    Tambah Data Buku
    Video 27 minutes
  • lock
    Tambahkan Stoknya Juga
    Video 6 minutes
  • lock
    Buat Kode Buku Berdasarkan Kategori
    Video 5 minutes
  • lock
    Edit Data Buku
    Video 6 minutes
  • lock
    Hapus Data Buku
    Video 5 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 3 minutes
  • lock
    Scope Filter dan Sorting
    Video 3 minutes
  • lock
    Request Validation
    Video 5 minutes
  • lock
    Tampilkan Data Pengguna
    Video 9 minutes
  • lock
    Tambahkan Data Pengguna
    Video 13 minutes
  • lock
    Edit Data Pengguna
    Video 5 minutes
  • lock
    Hapus Data Pengguna
    Video 4 minutes

  • lock
    Siapkan Route dan Controller
    Video 2 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Atur Pengaturan Denda
    Video 8 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buatkan Resourcenya
    Video 4 minutes
  • lock
    Scope Filter dan Sorting
    Video 3 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Tampilkan Data Peminjaman
    Video 9 minutes
  • lock
    Tambah Data Peminjaman
    Video 17 minutes
  • lock
    Edit Data Peminjaman
    Video 5 minutes
  • lock
    Hapus Data Peminjaman
    Video 4 minutes
  • lock
    Cek Peminjaman Buku
    Video 4 minutes
  • lock
    Kondisi Stok Buku Ketika Pinjam
    Video 9 minutes

  • lock
    Siapkan Route dan Controller
    Video 3 minutes
  • lock
    Buat Resourcenya
    Video 6 minutes
  • lock
    Scope Filter dan Sorting
    Video 7 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Tampilkan Data Pengembalian
    Video 12 minutes
  • lock
    Kembalikan Buku Yang Dipinjam
    Video 26 minutes
  • lock
    Logika Stok Buku
    Video 4 minutes
  • lock
    Kasih Denda
    Video 15 minutes
  • lock
    DB Transaction
    Video 2 minutes

  • lock
    Siapkan Route dan Controller
    Video 2 minutes
  • lock
    Buat Resourcenya
    Video 10 minutes
  • lock
    Lihat Detail Denda
    Video 19 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 2 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Tampilkan Data Pengumuman
    Video 7 minutes
  • lock
    Tambah Data Pengumuman
    Video 10 minutes
  • lock
    Edit Data Pengumuman
    Video 4 minutes
  • lock
    Hapus Data Pengumuman
    Video 3 minutes
  • lock
    Buat Banner Pengumuman
    Video 6 minutes
  • lock
    Tampilkan Pengumuman Aktif
    Video 3 minutes

  • lock
    Refactoring Page Update Profile
    Video 6 minutes
  • lock
    Refactoring Page Update Password
    Video 4 minutes
  • lock
    Refactoring Delete User
    Video 4 minutes
  • lock
    Refactoring Edit
    Video 6 minutes

  • lock
    Pengenalan Spatie Role Permission
    Video 1 minutes
  • lock
    Cara Installasi
    Video 3 minutes
  • lock
    Buat Role
    Video 4 minutes
  • lock
    Buat Permission
    Video 3 minutes
  • lock
    Role Seeder
    Video 4 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 1 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Tampilkan Data Role Nya
    Video 7 minutes
  • lock
    Tambah Data Role
    Video 8 minutes
  • lock
    Edit Data Role
    Video 2 minutes
  • lock
    Hapus Data Role
    Video 2 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 1 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Tampilkan Data Permission
    Video 7 minutes
  • lock
    Tambahkan Data Permission
    Video 4 minutes
  • lock
    Edit Data Permission
    Video 3 minutes
  • lock
    Hapus Data Permission
    Video 2 minutes

  • lock
    Siapkan Route dan Controller
    Video 2 minutes
  • lock
    Buat Resourcenya
    Video 1 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Tampilkan Assign Permissions
    Video 6 minutes
  • lock
    Synchronize Assign Permission
    Video 15 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 1 minutes
  • lock
    Request Validation
    Video 1 minutes
  • lock
    Tampilkan Data Assign User
    Video 6 minutes
  • lock
    Synchronize Assign User
    Video 7 minutes

  • lock
    Buat Model dan Migration
    Video 3 minutes
  • lock
    Siapkan Route dan Controller
    Video 2 minutes
  • lock
    Buat Resourcenya
    Video 2 minutes
  • lock
    Scope Filter dan Sorting
    Video 5 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Tampilkan Data Route Access
    Video 8 minutes
  • lock
    Tambah Data Route Access
    Video 18 minutes
  • lock
    Edit Data Route Access
    Video 5 minutes
  • lock
    Hapus Data Route Access
    Video 3 minutes

  • lock
    Siapkan Route dan Controller Nya
    Video 2 minutes
  • lock
    Slicing Peminjaman
    Video 13 minutes
  • lock
    Buat Resourcenya
    Video 5 minutes
  • lock
    Tampilkan Datanya
    Video 18 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 2 minutes
  • lock
    Tampilkan Datanya
    Video 25 minutes

  • lock
    Siapkan Route dan Controller Nya
    Video 3 minutes
  • lock
    Buat Resourcenya
    Video 2 minutes
  • lock
    Scope Filter dan Sorting
    Video 4 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Tampilkan Data Stok Buku
    Video 8 minutes
  • lock
    Edit Data Stok Buku
    Video 16 minutes

  • lock
    Definisikan Role Pada Auth
    Video 3 minutes
  • lock
    Kondisi Pada Sidebar
    Video 13 minutes

  • lock
    Slicing Dashboard
    Video 17 minutes
  • lock
    Tampilkan Datanya
    Video 17 minutes

  • lock
    Siapkan Route dan Controller
    Video 3 minutes
  • lock
    Buat Resource
    Video 7 minutes
  • lock
    Tampilkan Bukunya
    Video 23 minutes
  • lock
    Detail Buku
    Video 7 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Tampilkan Data Kategori
    Video 15 minutes
  • lock
    Detail Kategori
    Video 6 minutes

  • lock
    Siapkan Route dan Controller
    Video 2 minutes
  • lock
    Buat Resourcenya
    Video 5 minutes
  • lock
    Tampilkan Data Peminjaman
    Video 8 minutes
  • lock
    Pinjam Buku
    Video 7 minutes
  • lock
    Detail Peminjaman
    Video 15 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resource
    Video 7 minutes
  • lock
    Tampilkan Data Pengembalian
    Video 11 minutes
  • lock
    Kembalikan Buku
    Video 6 minutes
  • lock
    Detail Pengembalian
    Video 21 minutes

  • lock
    Setujui Pengembalian Buku
    Video 20 minutes

  • lock
    Siapkan Route dan Controller
    Video 2 minutes
  • lock
    Buat Resourcenya
    Video 5 minutes
  • lock
    Tampilkan Dendanya
    Video 15 minutes

  • lock
    Apa Itu Midtrans
    Video 2 minutes
  • lock
    Konfigurasi Midtrans
    Video 4 minutes
  • lock
    Midtrans Create Transaction
    Video 7 minutes
  • lock
    Midtrans Callback
    Video 9 minutes
  • lock
    Integrasi Pembayaran Denda
    Video 8 minutes
  • lock
    Payment Success
    Video 5 minutes
  • lock
    Testing Ngrok
    Video 14 minutes

  • lock
    Buat Komponen Chart
    Video 17 minutes
  • lock
    Tampilkan Chartnya
    Video 11 minutes

  • lock
    Error Handling
    Video 11 minutes

  • lock
    Buat Route Dynamic Middleware
    Video 11 minutes
  • lock
    Gunakan Middleware dan Seeder Route
    Video 13 minutes
  • lock
    Kunci Halaman Dengan Konfirmasi Password
    Video 4 minutes

  • lock
    Dark Mode
    Video 8 minutes
  • lock
    Duster dan Build
    Video 2 minutes
Member
449
Lesson Type
Video Only
Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check
Develop Your Skills

Kelas online Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Made Easy hadir sebagai solusi bagi Anda yang ingin menguasai pengembangan website perpustakaan yang modern. Dalam kelas ini, Anda tidak hanya akan belajar memanfaatkan framework Laravel dan React, tetapi juga akan diajarkan bagaimana cara menyajikan konten secara dinamis melalui Inertia.js, serta menerapkan desain responsif yang menarik dengan Tailwind CSS.

Kelas ini dirancang untuk memberikan pemahaman mendalam mengenai konsep-konsep dasar pengembangan web hingga implementasi fitur-fitur canggih seperti autentikasi berbasis peran menggunakan Laravel Spatie Role and Permission. Anda akan mendapatkan pengalaman dalam mengatur middleware rute secara dinamis melalui CMS yang Anda bangun sendiri. Dengan demikian, Anda akan mampu menciptakan struktur website yang kuat dan aman.

Selama mengikuti kelas ini, Anda juga akan mempelajari integrasi pembayaran denda menggunakan Midtrans, yang akan mempermudah proses transaksi bagi pengunjung perpustakaan. Tak hanya itu, pembelajaran tentang cara menampilkan data secara visual menggunakan Recharts dan penerapan mode gelap (dark mode) akan menambah daya tarik website Anda. 

Kelas ini terbuka untuk semua kalangan, baik pemula yang baru mengenal dunia pengembangan website maupun programmer berpengalaman yang ingin memperdalam keterampilannya. Dengan modul pembelajaran yang terstruktur dengan baik. Anda akan memperoleh pembelajaran yang menyeluruh dan aplikatif. Segera bergabung dan wujudkan impian Anda untuk menciptakan website perpustakaan yang tidak hanya menarik, tetapi juga fungsional.

Mari kita optimalkan potensi teknologi bersama dan kembangkan keterampilan Anda dalam membangun website perpustakaan yang menarik perhatian dengan kelas Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Made Easy. Anda sudah siap untuk memulai perjalanan ini? Bergabunglah sekarang dan bawa ide Anda menjadi kenyataan!

read more
Key Points
  • check
    Mendalami Laravel dan React: Pelajari bagaimana menggabungkan Laravel sebagai backend dan React untuk front-end yang interaktif.
  • check
    InertiaJS: Pahami cara menggunakan InertiaJS untuk mentransformasikan aplikasi dari pendekatan halaman penuh menjadi aplikasi satu halaman yang lebih responsif.
  • check
    Desain Responsif dengan TailwindCSS: Ciptakan tampilan yang menarik dan responsif untuk pengguna desktop dan mobile dengan TailwindCSS.
  • check
    Implementasi Role dan Permission: Kuasai cara menggunakan Laravel Spatie untuk mengatur hak akses pengguna secara dinamis melalui CMS.
  • check
    Pembayaran Denda dengan Midtrans: Integrasikan sistem pembayaran yang aman untuk transaksi denda dengan menggunakan Midtrans.
  • check
    Penggunaan ShadcnUI dan DataTable: Manfaatkan komponen UI yang modern dan tabel data yang dinamis untuk meningkatkan keterlibatan pengguna.
  • check
    Menjaga Kode Bersih dengan Prettier: Pelajari cara merapikan kode Anda menggunakan Prettier untuk memudahkan pengembangan dan kolaborasi.
  • check
    SSR dan Mode Gelap: Implementasikan Server-Side Rendering dan pilihan mode gelap untuk meningkatkan pengalaman pengguna.
  • check
    Membuat Visualisasi Data: Gunakan Recharts untuk mengembangkan chart yang informatif dan interaktif.
Created For
  • check
    Peserta yang Semangat Belajar: Kelas ini ditujukan untuk individu yang ingin mengembangkan keterampilan programming, baik pemula maupun yang sudah berpengalaman.
  • check
    Cocok bagi para developer yang ingin memperdalam keterampilan dalam framework Laravel dan React serta implementasi praktik terbaik.
  • check
    Ideal untuk siapa saja yang memiliki minat dalam teknologi terkini dan ingin menerapkannya dalam proyek nyata, terutama di bidang pengembangan aplikasi web.
  • check
    Kelas ini juga relevan untuk para mahasiswa yang ingin menguasai tools modern untuk aplikasi web
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
449
Happy Students
Valdo at BuildWithAngga
Valdo

Lifetime Learner

sangat baik, saya memahami dengan baik

11 Feb 2026

ic-star ic-star ic-star ic-star ic-star
IT_RSV Makassar at BuildWithAngga
IT_RSV Makassar

Lifetime Learner

Kelas dengan materi yang sangat bagus

02 Feb 2026

ic-star ic-star ic-star ic-star ic-star
Muhammad Rizki at BuildWithAngga
Muhammad Rizki

Full-Stack Developer

Kelas ini worth it banget buat upgrade ke intermediate! Fokus Laravel 11 + Inertia.js bikin aplikasi cepat. Kekurangannya, React.js hanya fokus tampilan, interaksi kompleksnya kurang. Overall, ini fondasi full stack yang sangat solid!

10 Dec 2025

ic-star ic-star ic-star ic-star ic-star
Alfaidar Amir at BuildWithAngga
Alfaidar Amir

Full-Stack Developer

kelas nya lumayan dan dapat pengatahuan bagaimana tentang laravel dengan inertia react , bagaimana state di react dan bagaimana proses logic di laravel

20 Nov 2025

ic-star ic-star ic-star ic-star ic-star
Carolina Ratna at BuildWithAngga
Carolina Ratna

Lifetime Learner

penjelasan nya sangat jelas

13 Nov 2025

ic-star ic-star ic-star ic-star ic-star
Femi Elice at BuildWithAngga
Femi Elice

Full-Stack Developer

materi sangat bermanfaat

20 Oct 2025

ic-star ic-star ic-star ic-star ic-star
loader

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

arrow_upward
Marketing Banner

Kode Promo