Setup Laravel 11 Modern dengan Best Practice: Vite, Breeze, Sanctum, dan Jetstream

Panduan lengkap langkah demi langkah untuk menginstal Laravel 11 terbaru, mengintegrasikan Vite, Breeze, serta Sanctum untuk otentikasi API, dengan konfigurasi best practice pada tahun 2026.

1. Prasyarat dan Persiapan Lingkungan

Pastikan sistem Anda memiliki:

• PHP ^8.2
• Composer terbaru
• Node.js 20+ dan npm (atau Yarn)
• Database MySQL 8 atau PostgreSQL 15
• Git

2. Instalasi Laravel 11

composer create-project laravel/laravel laravel11-app "11.*" --prefer-dist

Masuk ke folder proyek:

cd laravel11-app

3. Mengaktifkan Vite (Laravel Mix sudah digantikan)

Laravel 11 sudah menyertakan Vite secara default. Pastikan file vite.config.js ada dan resources/js/app.js meng‑import CSS.

3.1 Install dependencies

npm install

3.2 Jalankan dev server

npm run dev

Anda akan melihat URL http://localhost:5173 yang menyediakan hot‑module replacement.

4. Menambahkan Breeze untuk Scaffold Auth

composer require laravel/breeze --dev

php artisan breeze:install vue

Perintah di atas meng‑install scaffolding berbasis Vue 3 + Vite.

4.1 Install front‑end dependencies

npm install && npm run dev

4.2 Migrasi database

php artisan migrate

Database users dan tabel reset password kini tersedia.

5. Menambahkan Sanctum untuk API Token & SPA Authentication

composer require laravel/sanctum

5.1 Publikasi konfigurasi & migrasi

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

5.2 Konfigurasi Middleware

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

\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,

5.3 Menggunakan Sanctum di Frontend Vue

import axios from 'axios';
axios.defaults.withCredentials = true;
axios.get('/api/user').then(response => console.log(response.data));

6. Best Practice Configuration

• Environment Variables: Simpan APP_URL, DB_*, dan SANCTUM_STATEFUL_DOMAINS di .env. Contoh: SANCTUM_STATEFUL_DOMAINS=localhost,127.0.0.1
• Cache Config: Jalankan php artisan config:cache setelah produksi.
• Queue & Jobs: Konfigurasikan driver redis di .env dan jalankan php artisan queue:work sebagai daemon.
• HTTPS: Di lingkungan staging/production, aktifkan App::environment('production') untuk memaksa SecureHeaders dan session.cookie_secure.
• Code Quality: Gunakan phpstan dan eslint pada CI/CD pipeline.

7. Deploy ke Production (Contoh di Laravel Forge)

1. Push kode ke repository Git (GitHub/Bitbucket).
2. Buat site baru di Laravel Forge, pilih PHP 8.2, dan hubungkan repo.
3. Set environment variables di Forge, aktifkan APP_ENV=production dan APP_DEBUG=false.
4. Jalankan composer install --optimize-autoloader --no-dev dan npm install && npm run build.
5. Jalankan migrasi: php artisan migrate --force.
6. Enable queue workers dan scheduler di Forge.

Dengan langkah‑langkah di atas, aplikasi Laravel 11 Anda siap untuk pengembangan modern, SPA, dan API yang aman.

Laravel 11 bersama Vite, Breeze, dan Sanctum menawarkan stack full‑stack yang ringan, cepat, dan aman. Ikuti tutorial step‑by‑step ini, terapkan best practice, dan Anda akan memiliki fondasi yang scalable untuk proyek web modern di tahun 2026.

---

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

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend