Home Paket Belajar Bootcamp Instruktur

Tutorial Laravel 12 Inertia Vue dan Tailwind CSS #1 Software Pendukung

Pada tutorial ini, kita akan belajar bersama bagaimana membangun aplikasi web modern menggunakan Laravel 12, Inertia.js, Vue.js, dan Tailwind CSS. Kita akan memulai dari konsep dasar, menghubungkan komponen backend Laravel dengan frontend Vue melalui Inertia, serta memanfaatkan kekuatan Tailwind untuk mempercantik tampilan aplikasi.

✅ Telah dilihat 1578 kali

Rating: 5.00 ⭐

... 06 July 2025, 17:03

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

Sebelum kita melakukan instalasi project Laravel, ada beberapa hal penting yang perlu kita siapkan terlebih dahulu. Ini seperti kita mau memasak, tentu kita harus punya bahan-bahan dan alat masaknya dulu, baru bisa mulai proses memasaknya.

Nah, untuk Laravel 12, ada beberapa software pendukung yang harus sudah ter-install di komputer teman-teman, supaya proses pengembangan aplikasi bisa berjalan lancar. Berikut daftarnya:


PHP

Laravel versi 12 membutuhkan minimal PHP 8.2. Kita bisa cek versi PHP di komputer kita dengan menjalankan perintah:

php -v

Kalau ternyata masih versi lama, silakan update terlebih dahulu ya, karena banyak fitur Laravel 12 yang bergantung pada fitur-fitur terbaru di PHP.


Composer

Composer ini seperti manajer paket untuk PHP. Ia akan membantu kita mengelola dependency (atau pustaka tambahan) yang dibutuhkan oleh Laravel. Untuk mengecek apakah Composer sudah ter-install, ketik:

composer -v

Kalau belum ada, kita bisa unduh dari getcomposer.org.


Node.js dan NPM

Kenapa kita butuh ini? Karena Laravel modern biasanya pakai build tools untuk mengelola asset front-end (seperti Tailwind CSS, Vue, dsb). Laravel 12 menggunakan Vite sebagai build tool, dan Vite membutuhkan Node.js dan NPM. Untuk cek:

node -v
npm -v

Kalau belum ada, bisa install dari nodejs.org.


Database Server

Kalau kita ingin mulai latihan CRUD atau sistem autentikasi, kita akan butuh database. Yang umum dipakai di Laravel adalah:

  • MySQL

Untuk development lokal, kita bisa gunakan XAMPP, Laragon, atau install MySQL secara mandiri.


Code Editor

Supaya proses ngoding nyaman, pastikan kita pakai text editor yang mendukung syntax highlighting dan integrasi Laravel. Yang paling populer adalah Visual Studio Code (VSCode). Bisa kita unduh dari code.visualstudio.com.


Rekap

  • PHP 8.2+
  • Composer
  • Node.js + NPM
  • MySQL (Bisa Menggunakan Xampp)
  • Code editor seperti VSCode

Setelah semua alat tempurnya siap, baru deh kita bisa lanjut ke tahap membuat project Laravel 12 dengan menggunakan inertia vue dan tailwind css pertama kita.

🔥 Flash Sale


📜 Table Of Contents


📌 Daftar Episode


Daftar eBook