Pelajari cara menginstal Laravel 11, mengoptimalkan frontend dengan Vite, menyiapkan autentikasi cepat menggunakan Breeze, serta mengamankan API dengan Sanctum dalam satu tutorial step‑by‑step yang up‑to‑date tahun 2026.
1. Persiapan Lingkungan
1.1. Persyaratan Sistem
- PHP >= 8.3
- Composer 2.x
- Node.js >= 20 (npm atau yarn)
- Database MySQL 8 atau PostgreSQL 15
1.2. Instalasi Composer & Node
curl -sS https://getcomposer.org/installer | php
npm install -g npm@latest
2. Membuat Proyek Laravel 11
2.1. Membuat Project Baru
composer create-project laravel/laravel:^11.0 my-laravel-app
2.2. Masuk ke Direktori
cd my-laravel-app
3. Setup Frontend Modern dengan Vite
3.1. Instalasi Dependensi
npm install
3.2. Struktur Direktori
Laravel 11 menyertakan vite.config.js secara default. Pastikan folder resources/js dan resources/css ada.
3.3. Menjalankan Development Server
npm run dev
Vite akan mem‑serve aset di http://localhost:5173 dan otomatis hot‑reload.
4. Instalasi Laravel Breeze (Starter Kit)
4.1. Tambahkan Package Breeze
composer require laravel/breeze --dev
4.2. Publish & Install
php artisan breeze:install vue
Anda dapat mengganti vue dengan react atau blade sesuai kebutuhan.
4.3. Compile Asset
npm run dev
4.4. Migrasi Database
php artisan migrate
Ini akan membuat tabel users, password_resets, dll.
5. Menambahkan Sanctum untuk API Authentication
5.1. Instalasi Package Sanctum
composer require laravel/sanctum
5.2. Publish Config & Migration
php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
php artisan migrate
5.3. Konfigurasi Middleware
Tambahkan EnsureFrontendRequestsAreStateful::class ke api middleware group di app/Http/Kernel.php:
'api' => [
\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
'throttle:api',
\Illuminate\Routing\Middleware\SubstituteBindings::class,
],
5.4. Membuat Route API Contoh
Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
return $request->user();
});
5.5. Menggunakan Token Personal
$token = $user->createToken('mobile-app')->plainTextToken;
Simpan token di client dan kirim header Authorization: Bearer <token> pada setiap request.
6. Best Practice Modern
- Environment Files: Simpan semua credential di
.envdan gunakanphp artisan config:cachepada production. - Cache Config & Routes:
php artisan route:cachedanphp artisan view:cacheuntuk performa. - Database Seeds & Factories: Gunakan Laravel 11 factories berbasis class untuk data dummy.
- Static Analysis: Tambahkan
phpstandanlarastanuntuk type‑checking. - Docker Development: Buat
docker-compose.ymldengan service php, mysql, redis, dan node untuk environment yang konsisten.
7. Deploy ke Production
- Build assets:
npm run build - Set
APP_ENV=productiondanAPP_DEBUG=falsedi.env - Run migration:
php artisan migrate --force - Cache konfigurasi:
php artisan config:cache - Cache routes & views:
php artisan route:cache && php artisan view:cache - Restart queue workers jika ada:
php artisan queue:restart
Dengan mengikuti langkah‑langkah di atas, Anda akan memiliki aplikasi Laravel 11 yang modern, cepat, dan aman—menggunakan Vite untuk asset bundling, Breeze untuk scaffolding UI, serta Sanctum untuk proteksi API. Terapkan best practice seperti caching, static analysis, dan Docker untuk memastikan proyek dapat skalabilitas tinggi dan mudah dipelihara di tahun 2026.
Panduan lengkap instalasi Laravel 11 terbaru dengan Vite, Breeze, dan Sanctum. Langkah‑by‑step setup modern, konfigurasi, contoh kode, dan best practice untuk 2026.
Laravel,PHP Framework,Web Development
#Laravel #LaravelIndonesia #PHP #WebDev #Backend