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

Pelajari cara menyiapkan proyek Laravel terbaru (v11) dari awal dengan stack modern: Vite untuk asset bundling, Breeze untuk starter kit, dan Sanctum untuk API authentication.

1. Prasyarat

Pastikan sistem Anda memiliki:

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

2. Instalasi Laravel 11

composer create-project laravel/laravel blog --prefer-dist "^11.0"

Perintah di atas membuat folder blog dengan Laravel 11.

2.1. Masuk ke Direktori

cd blog

3. Setup Frontend dengan Vite

Laravel 11 sudah menyertakan Vite secara default. Pastikan dependensi npm terinstall:

npm install

Jalankan dev server:

npm run dev

Jika ingin production build:

npm run build

4. Install Laravel Breeze (Blade + Livewire atau Inertia)

Kita gunakan Breeze dengan Blade + Livewire karena paling umum.

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

Jika ingin Inertia + Vue:

php artisan breeze:install vue

Setelah instalasi, jalankan migrasi:

php artisan migrate

4.1. Compiling Assets

npm run dev

5. Tambahkan Laravel Sanctum untuk API Authentication

composer require laravel/sanctum

Publish konfigurasi dan migrasi:

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

Aktifkan middleware Sanctum di app/Http/Kernel.php:

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

5.1. Membuat Personal Access Token

$user = App\Models\User::find(1);
$token = $user->createToken('api-token')->plainTextToken;

Gunakan token ini di header Authorization: Bearer <token> untuk request API.

6. Konfigurasi Environment

# .env
APP_NAME="Laravel"
APP_ENV=local
APP_KEY=base64:xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx=
APP_DEBUG=true
APP_URL=http://localhost

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=root
DB_PASSWORD=

SANCTUM_STATEFUL_DOMAINS=localhost,127.0.0.1
SESSION_DOMAIN=localhost

VITE_APP_NAME="Laravel Vite"

7. Best Practice Tambahan

• Environment Segregation: Gunakan file .env.testing untuk test suite.
• Code Style: Jalankan vendor/bin/pint untuk standar coding.
• Git Hooks: Pasang pre‑commit hook untuk linting JavaScript dan PHP.
• Cache Configuration: Set CACHE_DRIVER=redis di production.
• Queue: Gunakan database driver untuk dev, redis untuk production.
• Security: Aktifkan APP_DEBUG=false di production, dan gunakan helmet pada frontend.

8. Verifikasi Instalasi

Jalankan server built‑in Laravel:

php artisan serve

Kunjungi http://localhost:8000. Anda harus melihat halaman welcome dengan tautan login/registrasi yang di‑generate oleh Breeze.

Uji endpoint API yang dilindungi Sanctum:

curl -H "Authorization: Bearer YOUR_TOKEN" http://localhost:8000/api/user

Jika respons menampilkan data user, setup berhasil.

Dengan mengikuti tutorial ini, Anda memiliki proyek Laravel 11 yang modern, terstruktur, dan siap untuk pengembangan lebih lanjut. Vite memberikan kecepatan asset bundling, Breeze mempercepat scaffolding UI, dan Sanctum menyediakan authentication yang aman untuk API. Terapkan best practice di atas untuk menjaga kualitas kode dan performa di lingkungan produksi.

---

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 dalam pengembangan Web Development.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend