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

Ikuti tutorial step‑by‑step untuk menginstal Laravel 11 terbaru, mengintegrasikan Vite, Breeze, serta Sanctum demi aplikasi web modern yang aman dan performa tinggi.

1. Prasyarat

Pastikan Anda memiliki:

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

2. Instalasi Laravel 11

2.1 Buat proyek baru

composer create-project laravel/laravel my-app "11.*"

Perintah ini mengunduh Laravel 11 stable.

2.2 Masuk ke direktori proyek

cd my-app

3. Mengoptimalkan Frontend dengan Vite

3.1 Install dependensi Node

npm install

Laravel 11 sudah mengkonfigurasi vite.config.js secara default.

3.2 Jalankan dev server

npm run dev

Vite akan menyajikan aset dengan hot‑module replacement.

4. Menambahkan Starter Kit – Laravel Breeze

4.1 Install Breeze via Composer

composer require laravel/breeze --dev

4.2 Pilih stack Blade atau Vue (contoh Blade)

php artisan breeze:install blade

Perintah ini men‑generate routes, views, dan kontroler otentikasi dasar.

4.3 Compile aset

npm run dev

4.4 Migrasi database

php artisan migrate

Database akan berisi tabel users, password_resets, dsb.

5. Menambahkan API Authentication dengan Sanctum

5.1 Install Sanctum

composer require laravel/sanctum

5.2 Publish konfigurasi & migrasi

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

php artisan migrate

5.3 Tambahkan middleware

Di app/Http/Kernel.php tambahkan:

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

5.4 Buat route API contoh

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

5.5 Menghasilkan token

// Pada controller login API
$token = $user->createToken('api-token')->plainTextToken;

6. Pengaturan Environment & Security Best Practice

• Gunakan .env.example sebagai template.
• Set APP_DEBUG=false pada production.
• Aktifkan APP_URL yang tepat.
• Jalankan php artisan config:cache dan php artisan route:cache setelah selesai.

7. Deploy ke Production

7.1 Build assets

npm run build

7.2 Optimasi autoload

composer install --optimize-autoloader --no-dev

7.3 Set permission

chmod -R 775 storage bootstrap/cache

7.4 Jalankan migration

php artisan migrate --force

Dengan mengikuti langkah‑langkah di atas, Anda memiliki proyek Laravel 11 yang terstruktur modern: aset dikelola Vite, UI otentikasi cepat via Breeze, serta API aman dengan Sanctum. Terapkan caching, environment hardening, dan build produksi untuk performa optimal.

---

Tutorial lengkap setup Laravel 11 dengan Vite, Breeze, dan Sanctum. Ikuti langkah instalasi, konfigurasi, contoh kode, dan best practice modern untuk pengembangan web PHP Framework.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend