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

Pelajari cara menginstal Laravel 11 terbaru di tahun 2026 dan mengkonfigurasi stack modern menggunakan Vite, Breeze, Sanctum, serta tips best practice untuk pengembangan aplikasi web yang cepat, aman, dan terstruktur.

1. Prasyarat

• PHP >= 8.2
• Composer 2.7 atau lebih baru
• Node.js >= 20 dengan npm atau Yarn
• Database MySQL/PostgreSQL/SQLite
• Git

2. Instalasi Laravel 11

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

Perintah di atas membuat proyek baru bernama my-app dengan versi stabil Laravel 11.

2.1. Verifikasi Instalasi

cd my-app
php artisan --version

Output harus menampilkan Laravel Framework 11.x.x.

3. Mengganti Laravel Mix dengan Vite

Laravel 11 sudah menggunakan Vite secara default, namun pastikan konfigurasi berikut ada.

1. Pastikan vite.config.js ada di root proyek.
2. Jika tidak, jalankan:

npm install --save-dev vite laravel-vite-plugin

// vite.config.js
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
});

3.1. Compile Asset

npm run dev   // untuk development
npm run build // untuk production

4. Menyiapkan Auth dengan Laravel Breeze

1. Instalasi Breeze:

composer require laravel/breeze --dev
php artisan breeze:install vue

Pilih vue atau react sesuai preferensi. Breeze otomatis menyiapkan route, controller, view, dan Tailwind CSS.

2. Install dependency front‑end:

npm install && npm run dev

3. Run migration:

php artisan migrate

4.1. Verifikasi

Buka http://localhost:8000/register dan pastikan form registrasi muncul.

5. Mengamankan API dengan Laravel Sanctum

1. Instal Sanctum:

composer require laravel/sanctum
php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
php artisan migrate

5.1. Konfigurasi Middleware

Tambahkan EnsureFrontendRequestsAreStateful::class ke grup api pada app/Http/Kernel.php:

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

5.2. Membuat Token

// App/Http/Controllers/AuthController.php
public function login(Request $request)
{
    $request->validate([
        'email' => 'required|email',
        'password' => 'required',
    ]);

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

    $user = $request->user();
    $token = $user->createToken('api-token')->plainTextToken;

    return response()->json(['token' => $token]);
}

5.3. Menggunakan Token di Front‑end

Contoh dengan Axios:

axios.post('/api/login', {email, password})
    .then(res => {
        localStorage.setItem('token', res.data.token);
        axios.defaults.headers.common['Authorization'] = `Bearer ${res.data.token}`;
    });

6. Best Practice Modern

• Environment Variables: Simpan rahasia (APP_KEY, DB_PASSWORD, SANCTUM_STATEFUL_DOMAINS) di .env dan gunakan php artisan config:cache untuk produksi.
• Route Groups & Controllers: Pisahkan API dan web routes, gunakan resource controller.
• Testing: Tambahkan PHPUnit & Pest, contoh php artisan test untuk CI/CD.
• Docker: Buat docker-compose.yml dengan layanan php, mysql, redis, dan nginx untuk konsistensi dev‑to‑prod.
• Static Analysis: Gunakan PHPStan atau Laravel Pint untuk kode bersih.

7. Deploy ke Production

1. Set environment ke APP_ENV=production dan APP_DEBUG=false.
2. Compile assets: npm run build.
3. Cache konfigurasi & routes:

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

4. Jalankan migrasi di server produksi:

php artisan migrate --force

Pastikan queue worker dan scheduler di‑setup dengan supervisor atau systemd.

Dengan mengikuti langkah‑langkah di atas, Anda memiliki aplikasi Laravel 11 yang modern, cepat, dan aman. Vite mempercepat proses front‑end, Breeze memberikan autentikasi siap pakai, dan Sanctum melindungi API dengan token berbasis SPA. Terapkan best practice seperti environment variable yang terkelola, caching, serta testing otomatis untuk memaksimalkan kualitas kode dan kesiapan produksi.

---

Tutorial step-by-step setup Laravel 11 di 2026 dengan Vite, Breeze, Sanctum, dan best practice modern untuk pengembangan web cepat dan aman.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend