Panduan Lengkap Setup Laravel 11 Terbaru dengan Best Practice Modern (Vite, Breeze, Sanctum, dan lainnya)

Pelajari cara menginstal Laravel 11, mengoptimalkan frontend dengan Vite, menyiapkan autentikasi cepat menggunakan Breeze, serta mengamankan API dengan Sanctum dalam satu tutorial step‑by‑step yang up‑to‑date tahun 2026.

1. Persiapan Lingkungan

1.1. Persyaratan Sistem

• PHP >= 8.3
• Composer 2.x
• Node.js >= 20 (npm atau yarn)
• Database MySQL 8 atau PostgreSQL 15

1.2. Instalasi Composer & Node

curl -sS https://getcomposer.org/installer | php
npm install -g npm@latest

2. Membuat Proyek Laravel 11

2.1. Membuat Project Baru

composer create-project laravel/laravel:^11.0 my-laravel-app

2.2. Masuk ke Direktori

cd my-laravel-app

3. Setup Frontend Modern dengan Vite

3.1. Instalasi Dependensi

npm install

3.2. Struktur Direktori

Laravel 11 menyertakan vite.config.js secara default. Pastikan folder resources/js dan resources/css ada.

3.3. Menjalankan Development Server

npm run dev

Vite akan mem‑serve aset di http://localhost:5173 dan otomatis hot‑reload.

4. Instalasi Laravel Breeze (Starter Kit)

4.1. Tambahkan Package Breeze

composer require laravel/breeze --dev

4.2. Publish & Install

php artisan breeze:install vue

Anda dapat mengganti vue dengan react atau blade sesuai kebutuhan.

4.3. Compile Asset

npm run dev

4.4. Migrasi Database

php artisan migrate

Ini akan membuat tabel users, password_resets, dll.

5. Menambahkan Sanctum untuk API Authentication

5.1. Instalasi Package Sanctum

composer require laravel/sanctum

5.2. Publish Config & Migration

php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
php artisan migrate

5.3. Konfigurasi Middleware

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

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

5.4. Membuat Route API Contoh

Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
    return $request->user();
});

5.5. Menggunakan Token Personal

$token = $user->createToken('mobile-app')->plainTextToken;

Simpan token di client dan kirim header Authorization: Bearer <token> pada setiap request.

6. Best Practice Modern

• Environment Files: Simpan semua credential di .env dan gunakan php artisan config:cache pada production.
• Cache Config & Routes: php artisan route:cache dan php artisan view:cache untuk performa.
• Database Seeds & Factories: Gunakan Laravel 11 factories berbasis class untuk data dummy.
• Static Analysis: Tambahkan phpstan dan larastan untuk type‑checking.
• Docker Development: Buat docker-compose.yml dengan service php, mysql, redis, dan node untuk environment yang konsisten.

7. Deploy ke Production

1. Build assets: npm run build
2. Set APP_ENV=production dan APP_DEBUG=false di .env
3. Run migration: php artisan migrate --force
4. Cache konfigurasi: php artisan config:cache
5. Cache routes & views: php artisan route:cache && php artisan view:cache
6. Restart queue workers jika ada: php artisan queue:restart

Dengan mengikuti langkah‑langkah di atas, Anda akan memiliki aplikasi Laravel 11 yang modern, cepat, dan aman—menggunakan Vite untuk asset bundling, Breeze untuk scaffolding UI, serta Sanctum untuk proteksi API. Terapkan best practice seperti caching, static analysis, dan Docker untuk memastikan proyek dapat skalabilitas tinggi dan mudah dipelihara di tahun 2026.

---

Panduan lengkap instalasi Laravel 11 terbaru dengan Vite, Breeze, dan Sanctum. Langkah‑by‑step setup modern, konfigurasi, contoh kode, dan best practice untuk 2026.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend