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

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-app

Perintah ini mengunduh Laravel 11 dalam folder my-laravel-app.

Step 2: Masuk ke Direktori Project

cd my-laravel-app

3. Mengatur Frontend dengan Vite

Step 3: Install Dependensi Frontend

npm install

Laravel 11 sudah ter‑integrasi dengan Vite secara default. Pastikan vite.config.js ada di root project.

Step 4: Jalankan Dev Server

npm run dev

Ini 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 --dev

Step 6: Install Scaffold

php artisan breeze:install vue

Anda dapat mengganti vue dengan react atau blade sesuai kebutuhan.

Step 7: Compile Assets

npm run dev

Step 8: Migrasi Database

php artisan migrate

Ini membuat tabel users, password_resets, dll.

5. Mengamankan API dengan Laravel Sanctum

Step 9: Install Sanctum

composer require laravel/sanctum

Step 10: Publish Config & Migrations

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

Step 11: Run Migrations

php artisan migrate

Step 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 .env dan gunakan Laravel Envoyer atau Forge untuk deployment.
• Code Style: Aktifkan Laravel Pint untuk standar coding otomatis (vendor/bin/pint).
• Testing: Gunakan Pest atau PHPUnit untuk 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 HTTPS di AppServiceProvider dengan URL::forceScheme('https'); pada production.

7. Deploy ke Production

Step 14: Build Assets

npm run build

Hasilnya berada di public/build.

Step 15: Optimasi Laravel

php artisan config:cache
php artisan route:cache
php artisan view:cache
php artisan event:cache

Step 16: Set Permissions

chmod -R 775 storage bootstrap/cache

Step 17: Restart Queue Workers (jika ada)

php artisan queue:restart

Dengan 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