Pelajari cara menginstal Laravel 11 terbaru dan mengonfigurasikannya dengan tool modern seperti Vite, Breeze, serta Sanctum untuk API authentication dalam langkah mudah dan terstruktur.
1. Prasyarat
Pastikan Anda memiliki:
- PHP >= 8.3
- Composer terbaru
- Node.js >= 20 dan npm atau Yarn
- Database (MySQL, PostgreSQL, atau SQLite)
2. Instalasi Laravel 11
Step 1: Membuat Project Baru
composer create-project laravel/laravel:^11 my-laravel-appPerintah ini mengunduh Laravel 11 dalam folder my-laravel-app.
Step 2: Masuk ke Direktori Project
cd my-laravel-app3. Mengatur Frontend dengan Vite
Step 3: Install Dependensi Frontend
npm installLaravel 11 sudah ter‑integrasi dengan Vite secara default. Pastikan vite.config.js ada di root project.
Step 4: Jalankan Dev Server
npm run devIni akan menyalakan Vite pada http://localhost:5173 dan meng‑hot‑reload perubahan CSS/JS.
4. Menambahkan Laravel Breeze (Starter Kit)
Step 5: Install Breeze via Composer
composer require laravel/breeze --devStep 6: Install Scaffold
php artisan breeze:install vueAnda dapat mengganti vue dengan react atau blade sesuai kebutuhan.
Step 7: Compile Assets
npm run devStep 8: Migrasi Database
php artisan migrateIni membuat tabel users, password_resets, dll.
5. Mengamankan API dengan Laravel Sanctum
Step 9: Install Sanctum
composer require laravel/sanctumStep 10: Publish Config & Migrations
php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"Step 11: Run Migrations
php artisan migrateStep 12: Konfigurasi Middleware
Tambahkan EnsureFrontendRequestsAreStateful::class ke group api pada app/Http/Kernel.php:
'api' => [
\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
'throttle:api',
\Illuminate\Routing\Middleware\SubstituteBindings::class,
],Step 13: Membuat Route API Auth
Route::post('/login', function (Request $request) {
$credentials = $request->only('email', 'password');
if (!Auth::attempt($credentials)) {
return response()->json(['message' => 'Invalid credentials'], 401);
}
$token = $request->user()->createToken('api-token')->plainTextToken;
return response()->json(['token' => $token]);
});
Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
return $request->user();
});6. Best Practice Modern
- Environment Management: Simpan variabel sensitif di
.envdan gunakanLaravel EnvoyeratauForgeuntuk deployment. - Code Style: Aktifkan
Laravel Pintuntuk standar coding otomatis (vendor/bin/pint). - Testing: Gunakan
PestatauPHPUnituntuk unit & integration test. Contoh:php artisan test. - Cache & Queues: Konfigurasi Redis sebagai cache & queue driver di
.env(CACHE_DRIVER=redis, QUEUE_CONNECTION=redis). - Security: Aktifkan
HTTPSdiAppServiceProviderdenganURL::forceScheme('https');pada production.
7. Deploy ke Production
Step 14: Build Assets
npm run buildHasilnya berada di public/build.
Step 15: Optimasi Laravel
php artisan config:cache
php artisan route:cache
php artisan view:cache
php artisan event:cacheStep 16: Set Permissions
chmod -R 775 storage bootstrap/cacheStep 17: Restart Queue Workers (jika ada)
php artisan queue:restartDengan mengikuti langkah‑langkah di atas, Anda memiliki instalasi Laravel 11 yang modern, siap untuk pengembangan front‑end dengan Vite, otentikasi API dengan Sanctum, serta starter kit UI dari Breeze.
Laravel 11 memberikan fondasi yang kuat untuk aplikasi web modern. Dengan Vite untuk asset bundling, Breeze sebagai UI starter, dan Sanctum untuk API authentication, Anda dapat membangun sistem yang cepat, aman, dan mudah dipelihara. Terapkan best practice seperti caching, testing, dan CI/CD untuk memastikan kualitas produksi yang tinggi.
Tutorial lengkap setup Laravel 11 dengan Vite, Breeze, Sanctum, dan best practice modern. Ikuti langkah instalasi, konfigurasi, contoh kode, serta tips deployment untuk aplikasi PHP Framework terdepan.
Laravel,PHP Framework,Web Development
#Laravel #LaravelIndonesia #PHP #WebDev #Backend
.png)
