Laravel 12 Nuxt UI #2 Software Pendukung

Belajar cara membangun aplikasi fullstack modern menggunakan Laravel 12, Inertia.js, Nuxt UI, dan Tailwind CSS. Tutorial ini membahas langkah demi langkah mulai dari instalasi, konfigurasi, hingga integrasi Laravel dengan Nuxt tanpa perlu membuat REST API. Cocok untuk pemula yang ingin memahami konsep fullstack Laravel dengan tampilan modern dan reaktif.

✅ Telah dilihat 56 kali

Rating: 5.00 ⭐

... 07 November 2025, 08:14

Software Pendukung untuk Laravel Nuxt UI Starter Kit

Sebelum mulai instalasi dan ngoding dengan Laravel Nuxt UI Starter Kit, ada baiknya kita siapkan dulu “alat tempur” yang diperlukan. Anggap saja seperti menyiapkan bahan masakan sebelum mulai memasak — supaya proses development-nya lancar, nggak ada hambatan di tengah jalan.


PHP (Minimal Versi 8.2)

Laravel yang digunakan di dalam Starter Kit ini sudah modern dan membutuhkan PHP versi 8.2 atau lebih baru. Untuk memastikan versi PHP teman-teman, jalankan perintah:

php -v

Kalau ternyata versinya masih di bawah 8.2, silakan update dulu. Beberapa fitur Laravel terbaru seperti type hinting, readonly properties, atau enum tidak akan berjalan di versi lama.

Rekomendasi:

  • Windows: Gunakan Laragon atau XAMPP
  • macOS / Linux: Bisa lewat package manager seperti Homebrew atau apt.

Composer

Composer adalah package manager untuk PHP — fungsinya seperti “tukang antar paket” yang mengelola semua library Laravel. Tanpa Composer, teman-teman tidak bisa membuat proyek Laravel baru ataupun menginstal dependensinya.

Cek apakah Composer sudah terpasang:

composer -V

Kalau belum, unduh di: https://getcomposer.org

Dengan Composer inilah kita nanti akan menjalankan perintah seperti:

composer create-project jkque/laravel-nuxt-ui-starter-kit
> 

Node.js dan NPM

Frontend pada Laravel Nuxt UI Starter Kit dibangun dengan Nuxt (Vue 3), menggunakan Tailwind CSS v4 dan tool modern seperti Vite. Agar semua ini bisa dijalankan, kita butuh Node.js dan NPM (Node Package Manager).

Cek versi yang teman-teman miliki:

node -v
npm -v

Kalau belum terpasang, bisa download di: https://nodejs.org

Rekomendasi: Gunakan Node.js versi 18 atau 20 ke atas agar kompatibel dengan Nuxt 3 dan Tailwind v4.


Database Server (MySQL atau PostgreSQL)

Untuk keperluan autentikasi, CRUD, dan data aplikasi, teman-teman membutuhkan database server. Secara default, Laravel menggunakan MySQL, tapi teman-teman juga bisa pakai PostgreSQL atau SQLite.

Opsi populer:

  • Laragon / XAMPP: praktis, sudah include MySQL.
  • Manual: install MySQL server sendiri.
  • Alternatif: pakai SQLite (cukup file .sqlite, tanpa server).

Code Editor

Agar ngoding lebih produktif dan rapi, gunakan code editor modern seperti Visual Studio Code (VSCode).

Download di: https://code.visualstudio.com

Tambahkan beberapa ekstensi agar kerja teman-teman makin nyaman:

  • Laravel Blade Snippets → bantu auto-completion Blade.
  • Vue Language Features (Volar) → dukungan untuk Vue 3 dan Nuxt.
  • Tailwind CSS IntelliSense → saran class Tailwind secara otomatis.
  • Prettier / ESLint → biar format kode selalu rapi.

Kalau teman-teman pakai PhpStorm juga bisa, tapi itu versi berbayar.


Software Pendukung

Alat Fungsi
PHP 8.2+ Bahasa utama backend Laravel
Composer Mengelola dependensi Laravel
Node.js + NPM Menjalankan build frontend (Nuxt + Tailwind)
MySQL / PostgreSQL Database untuk data aplikasi
VSCode / PhpStorm Editor kode dengan dukungan Laravel & Vue

Daftar eBook