Panduan Lengkap Setup Laravel 11 dengan Vite, Breeze, dan Sanctum (2026)

Tutorial step‑by‑step ini menjelaskan cara menginstal Laravel 11 terbaru, mengkonfigurasi Vite untuk asset bundling, menambahkan Breeze sebagai starter kit UI, serta mengamankan API dengan Sanctum.

1. Prasyarat

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

2. Instalasi Laravel 11

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

Perintah di atas mengunduh Laravel versi stabil 11.x pada folder blog.

2.1. Verifikasi Instalasi

php artisan --version

Output harus menampilkan Laravel Framework 11.x.

3. Setup Vite (Asset Bundler)

Laravel 11 sudah memakai Vite secara default, namun pastikan dependensi yang tepat ter‑install.

# Install Node dependencies
npm install
# Jalankan dev server
npm run dev

Jika ingin produksi, gunakan npm run build. Vite akan menghasilkan berkas di public/build.

3.1. Konfigurasi tambahan (optional)

• Edit vite.config.js untuk menambah alias:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [laravel(['resources/js/app.js', 'resources/css/app.css'])],
    resolve: {
        alias: {
            '@': '/resources/js',
        },
    },
});

4. Instalasi Laravel Breeze

Breeze menyediakan scaffolding autentikasi berbasis Blade atau Inertia. Di sini kita pilih Blade.

composer require laravel/breeze --dev
php artisan breeze:install blade
npm install && npm run dev

Jalankan migrasi untuk membuat tabel pengguna.

php artisan migrate

4.1. Verifikasi UI

Buka http://localhost:8000/register dan /login untuk memastikan tampilan berhasil.

5. Instalasi Laravel Sanctum

Sanctum memudahkan otentikasi SPA atau API token.

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 di app/Http/Kernel.php:

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

5.2. Menggunakan Token Personal

// routes/api.php
use App\Models\User;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;

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

// Membuat token di controller
$token = $user->createToken('mobile-app')->plainTextToken;

6. Best Practice Modern

• Environment Variables: Simpan kunci API, DB, dan Sanctum secret di .env; jangan pernah commit.
• Gunakan Model Factories & Seeders: Untuk testing dan CI, buat data dummy dengan php artisan make:factory.
• Cache Config & Routes: Pada produksi jalankan php artisan config:cache dan php artisan route:cache demi performa.
• Static Analysis: Tambahkan phpstan atau pint untuk kode bersih.
• Docker: Pertimbangkan containerisasi untuk konsistensi lingkungan dev‑prod.

7. Deploy ke Server Produksi

# Pull repository
git clone https://github.com/username/blog.git
cd blog

# Install PHP dependencies
composer install --optimize-autoloader --no-dev

# Install Node assets
npm ci && npm run build

# Set environment
cp .env.example .env
php artisan key:generate
php artisan migrate --force

# Optimizations
php artisan config:cache
php artisan route:cache
php artisan view:cache

# Restart queue & scheduler (if used)
supervisorctl restart all

Pastikan web server (Nginx/Apache) mengarahkan semua request ke public/index.php dan folder storage serta bootstrap/cache memiliki izin write.

Dengan mengikuti langkah‑langkah di atas, Anda memiliki proyek Laravel 11 yang modern: Vite untuk asset bundling, Breeze untuk UI autentikasi cepat, dan Sanctum untuk keamanan API. Kombinasi ini mencerminkan best practice 2026, memudahkan pengembangan cepat sekaligus menjaga performa dan keamanan produksi.

---

Tutorial lengkap instalasi Laravel 11 dengan Vite, Breeze, dan Sanctum 2026. Ikuti step‑by‑step setup, konfigurasi, contoh kode, dan best practice modern untuk proyek PHP Framework terbaik.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend