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

Pelajari langkah demi langkah cara menginstal Laravel 11 terbaru dan mengonfigurasi stack modern termasuk Vite, Breeze, Sanctum, serta teknik keamanan dan performa terbaik di tahun 2026.

1. Prerequisite

• PHP >= 8.3
• Composer terbaru
• Node.js >= 20 dan npm/yarn
• Database MySQL/PostgreSQL

2. Instalasi Laravel 11

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

Perintah di atas mengunduh Laravel versi stabil 11 dan masuk ke folder proyek.

3. Konfigurasi Vite (Asset Bundler bawaan)

1. Instal dependensi npm:

npm install

Laravel 11 sudah menyertakan vite.config.js default. Pastikan file resources/js/app.js dan resources/css/app.css ada.

2. Jalankan dev server:

npm run dev

Anda dapat melihat hot‑module‑replacement (HMR) pada http://localhost:5173.

4. Menambahkan Laravel Breeze (Starter Kit Auth)

composer require laravel/breeze --dev
php artisan breeze:install vue
npm install && npm run dev
php artisan migrate

Perintah di atas menginstal Breeze dengan front‑end Vue 3, menghasilkan route auth, layout Blade, dan komponen Vue.

5. Mengamankan API dengan Laravel Sanctum

1. Instal Sanctum:

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

Tambahkan middleware EnsureFrontendRequestsAreStateful::class ke grup api di app/Http/Kernel.php jika Anda menggunakan SPA.

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

2. Buat token untuk user:

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

Gunakan token ini pada header Authorization: Bearer <token> untuk mengakses route yang menggunakan auth:sanctum.

6. Konfigurasi Database & .env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_blog
DB_USERNAME=root
DB_PASSWORD=secret

Jalankan php artisan migrate untuk membuat tabel default termasuk users, password_resets, dan personal_access_tokens.

7. Best Practice Modern

• Environment Segregation: Simpan rahasia di .env dan gunakan phpdotenv untuk staging/production.
• Cache Config & Routes: Deploy dengan php artisan config:cache dan php artisan route:cache untuk performa.
• Queue & Jobs: Gunakan driver redis untuk queue, contoh: php artisan queue:work.
• Testing: Laravel 11 mendukung Pest & PHPUnit. Tuliskan test di tests/Feature untuk auth dan API.
• Code Style: Aktifkan Laravel Pint (composer require laravel/pint --dev) dan jalankan vendor/bin/pint.

8. Deploy ke Production

1. Push kode ke repository Git.
2. Gunakan layanan seperti Forge, Vapor, atau Docker.
3. Set environment variables pada server, jalan kan composer install --optimize-autoloader --no-dev.
4. Jalankan migrasi dan cache: php artisan migrate --force && php artisan config:cache && php artisan route:cache && php artisan view:cache.
5. Build assets: npm ci && npm run build.

Setelah selesai, aplikasi Laravel 11 siap melayani trafik dengan stack modern.

Dengan mengikuti tutorial ini Anda mempunyai proyek Laravel 11 yang terstruktur, menggunakan Vite untuk asset, Breeze untuk UI & auth, serta Sanctum untuk API security. Kombinasi best practice modern menjamin performa, skalabilitas, dan keamanan yang relevan untuk pengembangan web di tahun 2026.

---

Panduan step-by-step setup Laravel 11 terbaru dengan Vite, Breeze, Sanctum, dan best practice modern untuk 2026. Termasuk instalasi, konfigurasi, contoh kode, dan tips produksi.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend