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

Pelajari cara menginstal dan mengkonfigurasi Laravel 11 terbaru menggunakan tool modern seperti Vite, Breeze, dan Sanctum. Ikuti langkah demi langkah yang akurat dan up to date pada tahun 2026.

1. Prasyarat

Pastikan sistem Anda memenuhi persyaratan berikut:

• PHP >= 8.2
• Composer terbaru
• Node.js >= 20.x dan npm atau Yarn
• Database MySQL/PostgreSQL/SQLite

2. Instalasi Laravel 11

2.1 Buat proyek baru

composer create-project laravel/laravel my-app "11.*"

Perintah ini mengunduh Laravel 11 stabil bersama semua dependensi default.

2.2 Masuk ke direktori proyek

cd my-app

3. Setup Frontend dengan Vite

3.1 Install dependensi Node

npm install

Laravel 11 sudah mengkonfigurasi Vite secara default (vite.config.js). Pastikan vite dan laravel-vite-plugin ada di package.json.

3.2 Jalankan dev server

npm run dev

Anda akan melihat aplikasi berjalan di http://localhost:5173 dengan hot‑module replacement.

4. Instalasi Laravel Breeze (Starter Kit)

4.1 Tambahkan paket Breeze

composer require laravel/breeze --dev

4.2 Publikasi scaffolding dengan Vite

php artisan breeze:install vue

Pilih vue atau react sesuai kebutuhan. Breeze akan men‑setup routes, controller, view blade, dan komponen Vue/React.

4.3 Install kembali dependensi frontend

npm install && npm run dev

5. Autentikasi API dengan Laravel Sanctum

5.1 Install paket Sanctum

composer require laravel/sanctum

5.2 Publikasikan konfigurasi & migrasi

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

5.3 Tambahkan middleware ke api guard

\App\Http\Kernel::class::class => [
    // ...
    \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
];

Pastikan sanctum.stateful di config/sanctum.php mencakup domain frontend Anda.

5.4 Contoh endpoint login API

use Illuminate\Http\Request;
use App\Models\User;
use Laravel\Sanctum\PersonalAccessToken;

Route::post('/login', function (Request $request) {
    $credentials = $request->validate([
        'email' => ['required', 'email'],
        'password' => ['required'],
    ]);

    if (!Auth::attempt($credentials)) {
        return response()->json(['message' => 'Invalid credentials'], 401);
    }

    $user = $request->user();
    $token = $user->createToken('api-token')->plainTextToken;
    return response()->json(['token' => $token]);
});

6. Konfigurasi Environment

6.1 .env dasar

APP_NAME="Laravel"
APP_ENV=local
APP_KEY=base64:GENERATED_KEY_HERE
APP_DEBUG=true
APP_URL=http://localhost

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=root
DB_PASSWORD=

SANCTUM_STATEFUL_DOMAINS=localhost:5173
SESSION_DOMAIN=localhost
COOKIE_DOMAIN=localhost

7. Best Practice Modern

• Gunakan PHPStan atau Psalm untuk static analysis.
• Cache konfigurasi dengan php artisan config:cache di produksi.
• Gunakan queue driver (Redis) untuk email, event, dan job‑heavy tasks.
• Deploy dengan Laravel Octane (Swoole atau RoadRunner) untuk performa tinggi.
• Gunakan env‑specific Vite plugins untuk minifikasi dan code‑splitting.

8. Verifikasi Instalasi

Jalankan server built‑in Laravel dan pastikan semua komponen berfungsi:

php artisan serve

Buka http://127.0.0.1:8000 – Anda akan melihat tampilan default Breeze. Coba endpoint API dengan token yang di‑generate untuk memastikan Sanctum berfungsi.

Dengan mengikuti langkah‑langkah di atas, Anda telah menyiapkan Laravel 11 lengkap dengan Vite, Breeze, dan Sanctum—kombinasi yang menjadi standar best practice modern pada 2026. Setup ini memberikan pengembangan frontend yang cepat, autentikasi API yang aman, serta fondasi yang siap untuk skala produksi menggunakan queue, cache, dan Octane.

---

Tutorial step-by-step setup Laravel 11 terbaru dengan Vite, Breeze, dan Sanctum. Ikuti panduan instalasi, konfigurasi, contoh kode, dan best practice modern untuk PHP Framework terkini.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend