Tutorial step‑by‑step ini mengajarkan cara menginstal Laravel 11 terbaru, mengkonfigurasi Vite sebagai asset bundler, menambahkan starter kit Breeze, mengamankan API dengan Sanctum, serta menerapkan Laravel Pint untuk coding standar.
1. Prasyarat
- PHP >= 8.2
- Composer terbaru
- Node.js >= 20 dan npm atau Yarn
- Database MySQL/PostgreSQL (opsional untuk demo)
2. Instalasi Laravel 11
composer create-project laravel/laravel myproject "11.*"Masuk ke folder proyek:
cd myproject2.1. Verifikasi Instalasi
php artisan --versionOutput harus menunjukkan Laravel Framework 11.x.
3. Setup Vite (Asset Bundler bawaan)
Laravel 11 sudah menyertakan Vite. Pastikan file vite.config.js ada. Jika tidak, jalankan:
npm init @vitejs/app resources/js --template vueLalu install dependensi:
npm install3.1. Menghubungkan Vite ke Blade
Di resources/views/layouts/app.blade.php tambahkan:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ config('app.name') }}</title>
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body>
@yield('content')
</body>
</html>
3.2. Menjalankan Dev Server
npm run devLaravel Mix tidak lagi diperlukan; Vite otomatis hot‑reload.
4. Instalasi Laravel Breeze (Starter Kit)
composer require laravel/breeze --devInstalasi dengan stack Inertia + Vue (atau Blade):
php artisan breeze:install vueUntuk Blade:
php artisan breeze:install bladeSetelah instalasi, jalankan migrasi dan kompilasi assets:
php artisan migrate
npm run dev4.1. Struktur Direktori
app/Http/Controllers/Auth– kontroler otentikasi.resources/views/auth– view Blade (atauresources/js/Pagesuntuk Inertia).
5. Menambahkan Laravel Sanctum untuk API Token
5.1. Instalasi
composer require laravel/sanctum5.2. Publish konfigurasi & migrasi
php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
php artisan migrate5.3. Middleware
Tambahkan EnsureFrontendRequestsAreStateful::class di app/Http/Kernel.php pada grup api:
\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,5.4. Contoh Route API yang Dilindungi
Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
return $request->user();
});5.5. Membuat Personal Access Token
$token = $user->createToken('mobile-app')->plainTextToken;Kirim token lewat header Authorization: Bearer <token> pada request API.
6. Laravel Pint – Coding Standards Otomatis
6.1. Instalasi
composer require laravel/pint --dev6.2. Menjalankan Pint
./vendor/bin/pintPint akan memperbaiki format file PHP sesuai PSR‑12 secara otomatis.
6.3. Integrasi dengan Git Hook (Opsional)
cat > .git/hooks/pre-commit <<'EOF'
#!/bin/sh
./vendor/bin/pint --quiet
git add .
EOF
chmod +x .git/hooks/pre-commit7. Best Practice Modern
- Environment Configuration: Simpan semua kredensial di
.envdan gunakanconfig:cachepada production. - Cache Config & Routes:
php artisan config:cache&php artisan route:cacheuntuk performa. - Queue & Jobs: Gunakan
databaseatauredisdriver untuk background tasks. - Testing: Tuliskan Feature Test menggunakan
PestatauPHPUnituntuk endpoint API Sanctum. - Docker (opsional): Buat
docker-compose.ymldengan layanan PHP, MySQL, dan Nginx untuk environment konsisten.
8. Deploy ke Production
- Upload kode via Git atau FTP.
- Jalankan
composer install --optimize-autoloader --no-dev. - Generate key:
php artisan key:generate. - Migrasi:
php artisan migrate --force. - Cache konfigurasi & route.
- Build assets:
npm ci && npm run build. - Set permission folder
storagedanbootstrap/cache.
Setelah langkah-langkah ini, aplikasi Laravel 11 siap melayani request modern dengan Vite, Breeze UI, keamanan Sanctum, dan kode bersih berkat Pint.
Dengan mengikuti tutorial ini, Anda telah menyiapkan lingkungan Laravel 11 yang modern, cepat, dan aman—menggunakan Vite untuk front‑end, Breeze sebagai starter kit, Sanctum untuk otentikasi API, serta Laravel Pint untuk standar kode. Terapkan best practice di atas untuk skalabilitas dan kesiapan produksi.
Tutorial step-by-step setup Laravel 11 terbaru dengan Vite, Breeze, Sanctum, dan Laravel Pint. Termasuk instalasi, konfigurasi, contoh kode, dan best practice modern.
Laravel,PHP Framework,Web Development
#Laravel #LaravelIndonesia #PHP #WebDev #Backend
.png)
Tidak ada komentar:
Posting Komentar