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

Ikuti langkah demi langkah cara menginstal Laravel 11 terbaru, mengonfigurasi Vite, Breeze, serta Laravel Sanctum untuk otentikasi API yang aman dan modern.

1. Persiapan Lingkungan

1.1. Prasyarat

• PHP >= 8.2
• Composer terbaru
• Node.js >= 20 & npm atau Yarn
• Database (MySQL, PostgreSQL, atau SQLite)

1.2. Membuat Project Baru

composer create-project laravel/laravel blog "11.*" --prefer-dist
cd blog

Command di atas mengunduh Laravel 11 LTS yang stabil pada tahun 2026.

2. Menggunakan Vite (Asset Bundler Default)

2.1. Instalasi Dependensi Frontend

npm install

Laravel 11 sudah ship dengan vite dan laravel-vite-plugin di package.json.

2.2. Menjalankan Development Server

npm run dev

Vite akan memuat file resources/js/app.js dan resources/css/app.css secara hot‑reloading.

3. Menambahkan Laravel Breeze (Starter Kit)

3.1. Instalasi Breeze

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

Anda dapat pilih blade, react, atau vue. Pada contoh ini kami pakai Vue 3.

3.2. Kompilasi Ulang Asset

npm install && npm run dev

Setelah instalasi, route auth standar (/login, /register) akan tersedia.

4. Mengatur Laravel Sanctum untuk API Authentication

4.1. Instalasi Sanctum

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

4.2. Menambahkan Middleware

Di app/Http/Kernel.php, pastikan EnsureFrontendRequestsAreStateful::class berada di grup api:

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

4.3. Membuat Route API

use App\Http\Controllers\API\UserController;

Route::middleware('auth:sanctum')->get('/user', [UserController::class, 'show']);

4.4. Login via SPA

Gunakan endpoint /login yang disediakan Breeze, kemudian panggil axios.defaults.withCredentials = true; agar cookie Sanctum dikirim.

5. Best Practice Modern

• Environment Variables: Simpan kunci API & database di .env dan gunakan config:cache pada production.
• Database Migrations & Seeders: Selalu versioning schema dengan php artisan migrate --force saat deploy.
• Testing: Gunakan Pest atau PHPUnit; contoh php artisan test untuk CI.
• Code Quality: Jalankan phpstan & larastan serta eslint untuk JavaScript.
• Docker: Deploy dengan Laravel Sail atau custom Docker Compose untuk konsistensi lingkungan.

6. Deploy ke Production

# Build assets
npm run build

# Optimasi Laravel
php artisan config:cache
php artisan route:cache
php artisan view:cache
php artisan event:cache

# Set permission
chown -R www-data:www-data storage bootstrap/cache

# Restart queue & scheduler jika dipakai
supervisorctl restart all

Setelah langkah di atas, aplikasi siap melayani traffic dengan performa optimal.

Dengan mengikuti tutorial ini Anda telah berhasil menyiapkan Laravel 11 lengkap dengan Vite, Breeze, dan Sanctum—semua dengan best practice modern. Struktur proyek yang bersih, otentikasi API yang aman, serta proses build yang teroptimasi siap mendukung pengembangan aplikasi PHP Framework skala menengah hingga besar di tahun 2026.

---

Tutorial step-by-step setup Laravel 11 dengan Vite, Breeze, dan Sanctum. Panduan lengkap instalasi, konfigurasi, contoh kode, dan best practice modern untuk PHP Framework terkini di 2026.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend