Tutorial Laravel 12 Inertia React JS dan Tailwind CSS #1 Pengenalan dan Software Pendukung

Belajar membangun aplikasi web modern menggunakan Laravel 12 sebagai backend, dengan Inertia.js sebagai jembatan ke React JS, dan styling menggunakan Tailwind CSS. Cocok untuk pemula yang ingin memahami integrasi Laravel API dengan frontend modern.

✅ Telah dilihat 497 kali

Rating: 5.00 ⭐

... 30 July 2025, 10:00

Software Pendukung untuk Laravel 12, Inertia, React, dan Tailwind CSS

Sebelum memulai instalasi project Laravel 12, ada beberapa software pendukung yang perlu disiapkan di komputer. Anggap saja seperti menyiapkan bahan masakan sebelum mulai memasak – biar proses pengembangan lancar tanpa hambatan hehehehe.

1. PHP (Minimal Versi 8.2)

Laravel 12 membutuhkan PHP versi minimal 8.2. Untuk mengeceknya:

php -v

Jika versi PHP-temen-temen masih di bawah 8.2, silakan update terlebih dahulu. Banyak fitur Laravel 12 yang tidak didukung oleh versi lama.


2. Composer

Composer adalah package manager untuk PHP. Laravel menggunakan Composer untuk mengelola dependensi.

Cek apakah sudah terinstal:

composer -v

Jika teman-teman Belum punya Composer, bisa mengunduh dari https://getcomposer.org


3. Node.js dan NPM

Laravel 12 modern menggunakan Vite untuk mengelola aset frontend seperti React dan Tailwind CSS. Vite membutuhkan Node.js dan NPM.

Cek dengan:

node -v
npm -v

Kalau belum ada, silakan unduh dari https://nodejs.org


4. Database Server (MySQL)

Untuk latihan CRUD, autentikasi, dan fitur-fitur lainnya, teman-teman akan membutuhkan database. Berikut yang bisa digunakan:

  • MySQL (bisa lewat XAMPP, Laragon, atau instal manual)
  • Alternatif lain: PostgreSQL, SQLite

5. Code Editor

Agar proses ngoding lebih nyaman dan efisien, gunakan code editor modern seperti:


Rekap Software yang Perlu Diinstal

Alat Deskripsi
PHP 8.2+ Bahasa utama Laravel
Composer Mengelola dependensi Laravel
Node.js + NPM Build tool untuk React + Tailwind via Vite
MySQL Untuk kebutuhan database
VSCode Editor kode yang powerful dan fleksibel

Setelah semua alat pendukung terpasang, kita siap membuat project Laravel 12 + Inertia + React + Tailwind CSS pertama. Sampai jumpa pada materi berikutnya.

Daftar eBook