Panduan Lengkap Setup Laravel 11 dengan Praktik Modern: Vite, Breeze, Sanctum, & Jetstream

Tutorial step‑by‑step ini menjelaskan cara menginstal Laravel 11 terbaru, mengonfigurasi Vite untuk asset bundling, menambahkan Breeze untuk scaffolding, serta mengamankan API dengan Sanctum. Ikuti panduan ini untuk memulai proyek Laravel yang modern, cepat, dan aman.

1. Persyaratan Sistem

Pastikan server Anda memenuhi persyaratan berikut:

• PHP >= 8.2
• Composer 2.x
• Node.js >= 18 (npm atau Yarn)
• Database MySQL, PostgreSQL, atau SQLite

2. Instalasi Laravel 11

2.1 Buat proyek baru

composer create-project laravel/laravel:^11 my-project
cd my-project

Perintah ini mengunduh Laravel 11 dengan semua dependensi default.

2.2 Setup .env

cp .env.example .env
php artisan key:generate

Sesuaikan konfigurasi database pada file .env.

3. Integrasi Vite (Asset Bundler Modern)

3.1 Instalasi dependensi Node

npm install

Laravel 11 sudah menyertakan vite.config.js default.

3.2 Jalankan dev server

npm run dev

Vite akan memuat ulang secara otomatis ketika Anda mengubah file resources/js atau resources/css.

4. Scaffolding Frontend dengan Breeze

4.1 Instalasi Breeze

composer require laravel/breeze --dev
php artisan breeze:install vue

Anda dapat mengganti vue dengan react atau blade sesuai kebutuhan.

4.2 Build assets

npm install && npm run dev

Langkah ini meng‑compile Tailwind CSS, Vue components, dan file JavaScript.

4.3 Migrasi database

php artisan migrate

Breeze menyediakan tabel users, password_resets, dll.

5. Autentikasi API dengan Sanctum

5.1 Instalasi Sanctum

composer require laravel/sanctum
php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
php artisan migrate

5.2 Konfigurasi Middleware

Tambahkan EnsureFrontendRequestsAreStateful::class ke grup api di app/Http/Kernel.php:

'api' => [
    \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
    'throttle:api',
    \Illuminate\Routing\Middleware\SubstituteBindings::class,
],

5.3 Membuat Token

// Controller contoh
public function token(Request $request)
{
    $user = $request->user();
    $token = $user->createToken('mobile-app')->plainTextToken;
    return response()->json(['token' => $token]);
}

5.4 Menggunakan Token di Frontend

Set header Authorization: Bearer YOUR_TOKEN pada setiap request API.

6. Best Practices Modern

• Environment Segregation: gunakan file .env.testing untuk CI.
• Static Analysis: jalankan phpstan dan larastan untuk deteksi bug dini.
• Cache Config & Routes di produksi: php artisan config:cache && php artisan route:cache.
• Queue Workers: gunakan Horizon untuk monitoring queue Redis.
• Testing: tulis Feature Test dengan Pest atau PHPUnit dan jalankan di GitHub Actions.

Dengan mengikuti langkah di atas, Anda telah menyiapkan proyek Laravel 11 yang modern, cepat berkat Vite, dilengkapi UI scaffolding Breeze, serta aman dengan Sanctum untuk API. Terapkan best practice seperti static analysis, caching, dan CI/CD untuk menjaga kualitas kode seiring pertumbuhan aplikasi.

---

Panduan lengkap setup Laravel 11 dengan Vite, Breeze, dan Sanctum. Langkah-langkah instalasi, konfigurasi, contoh kode, dan best practice modern untuk pengembangan web dengan Laravel.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend