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

Tutorial step‑by‑step untuk menginstal Laravel 11 terbaru, mengintegrasikan Vite, Breeze, Sanctum, serta konfigurasi best practice yang siap produksi pada tahun 2026.

1. Persiapan Lingkungan

1.1. Prasyarat

Pastikan sistem memiliki:

• PHP >= 8.3
• Composer 2.x
• Node.js >= 20 & npm
• Database MySQL 8 atau PostgreSQL 15

1.2. Buat Direktori Proyek

mkdir laravel-modern && cd laravel-modern

2. Instalasi Laravel 11

2.1. Menggunakan Composer

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

Perintah di atas mengunduh Laravel 11 stabil terbaru (per 2026).

2.2. Memverifikasi Instalasi

php artisan --version

Output contoh: Laravel Framework 11.0.0

3. Mengganti Mix dengan Vite (Built‑in)

3.1. Install dependensi JavaScript

npm install

3.2. Jalankan dev server

npm run dev

Vite sudah terkonfigurasi di vite.config.js. Pastikan APP_URL di .env cocok dengan vite.config.js (biasanya http://localhost:5173).

4. Menambahkan Laravel Breeze (Starter Kit)

4.1. Install paket Breeze

composer require laravel/breeze --dev

4.2. Scaffold autentikasi dengan Blade + Vite

php artisan breeze:install

Jika ingin Inertia + Vue atau React, gunakan opsi --inertia atau --react. Pada tutorial ini gunakan Blade.

4.3. Compile aset

npm run dev

4.4. Migrasi database

php artisan migrate

5. Mengintegrasikan Laravel Sanctum untuk API Token

5.1. Install Sanctum

composer require laravel/sanctum

5.2. Publish konfigurasi & migrasi

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

php artisan migrate

5.3. Tambahkan middleware di app/Http/Kernel.php

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

5.4. Contoh Route API yang dilindungi

Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
    return $request->user();
});

5.5. Membuat Token di Controller

public function token(Request $request)
{
    $user = User::where('email', $request->email)->first();
    if (! $user || ! Hash::check($request->password, $user->password)) {
        abort(401);
    }
    $token = $user->createToken('api-token')->plainTextToken;
    return response()->json(['token' => $token]);
}

6. Best Practice Modern (2026)

6.1. Environment Management

• Gunakan .env.example lengkap, hindari menulis kredensial produksi.
• Manfaatkan dotenv‑cli untuk load multiple env per stage.

6.2. Cache Config & Routes

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

6.3. Queue & Jobs

Setelah instalasi redis, konfigurasikan queue driver menjadi redis di .env dan gunakan php artisan queue:work sebagai supervisor.

6.4. Logging dengan Laravel Octane (optional)

Jika menginginkan performa tinggi, tambahkan Octane:

composer require laravel/octane
php artisan octane:install --server=swoole
php artisan octane:start

6.5. Security

• Set APP_DEBUG=false di produksi.
• Gunakan php artisan shield:install (jika menggunakan paket Shield) untuk rate‑limit login.
• Pastikan Sanctum cookie SameSite=None; Secure untuk SPA.

7. Deploy ke Production

7.1. Build aset statis

npm run build

7.2. Optimasi autoloader

composer install --optimize-autoloader --no-dev

7.3. Service Management (systemd contoh)

[Unit]
Description=Laravel Queue Worker
After=network.target

[Service]
User=www-data
Group=www-data
Restart=always
ExecStart=/usr/bin/php /path/to/laravel/artisan queue:work redis --sleep=3 --tries=3

[Install]
WantedBy=multi-user.target

7.4. Monitoring

Integrasikan dengan Laravel Telescope (dev) atau Sentry untuk error tracking di produksi.

8. Verifikasi Akhir

Buka http://your-domain.test dan pastikan:

• Halaman landing Breeze muncul.
• Registrasi & login berfungsi.
• Endpoint /api/user mengembalikan data setelah menyertakan token.

Jika semua berjalan, proyek Laravel modern siap dikembangkan lebih lanjut.

Dengan mengikuti langkah‑langkah di atas, Anda dapat membangun aplikasi Laravel 11 yang terstruktur, aman, dan siap skala menggunakan Vite, Breeze, Sanctum, serta best practice 2026. Kombinasi ini memberikan developer pengalaman modern tanpa mengorbankan stabilitas Laravel yang sudah terbukti.

---

Tutorial lengkap setup Laravel 11 di 2026 dengan Vite, Breeze, Sanctum, serta best practice modern untuk produksi yang aman dan cepat.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend