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

Pelajari cara menginstal Laravel versi terbaru, mengatur Vite untuk asset bundling, menambahkan Breeze untuk scaffolding, serta mengamankan API dengan Sanctum—semua langkah demi langkah untuk proyek 2026 yang siap produksi.

1. Prasyarat

• PHP 8.3 atau lebih baru
• Composer 2.7+
• Node.js 20.x dan npm 10.x
• Database MySQL 8 atau PostgreSQL 15

2. Instalasi Laravel 11

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

Perintah di atas membuat proyek bernama blog dengan Laravel 11 stabil.

2.1. Verifikasi Instalasi

cd blog
php artisan --version

Output harus menampilkan Laravel Framework 11.x.x.

3. Setup Vite (Asset Bundler)

Laravel 11 sudah menyertakan Vite secara default. Pastikan file vite.config.js ada di root.

npm install
npm run dev

Server Vite akan berjalan di http://localhost:5173 dan hot‑module‑replacement (HMR) aktif.

3.1. Menambahkan Tailwind CSS

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
npx tailwindcss init -p

Edit tailwind.config.js:

module.exports = {
    content: [
        './resources/**/*.blade.php',
        './resources/**/*.js',
        './resources/**/*.vue',
    ],
    theme: {
        extend: {},
    },
    plugins: [],
};

Tambah import ke resources/css/app.css:

@tailwind base;
@tailwind components;
@tailwind utilities;

4. Instalasi Laravel Breeze (Authentication Scaffolding)

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

Pilih vue atau react sesuai kebutuhan; contoh ini memakai Vue 3.

4.1. Migrasi Database

php artisan migrate

Setelah migrasi, halaman login/registrasi siap diakses: /login dan /register.

5. Menambahkan Laravel Sanctum untuk API Authentication

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

Edits app/Http/Kernel.php tambahkan middleware EnsureFrontendRequestsAreStateful::class pada grup api:

\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,

5.1. Konfigurasi Guard

Di config/sanctum.php, pastikan domain SPA diatur:

'stateful' => explode(',', env('SANCTUM_STATEFUL_DOMAINS', 'localhost,127.0.0.1')),

5.2. Membuat Token API

use Laravel\Sanctum\PersonalAccessToken;

$user = App\Models\User::find(1);
$token = $user->createToken('mobile-app')->plainTextToken;

Gunakan token tersebut pada header Authorization: Bearer <token> saat memanggil endpoint API.

6. Menambahkan Jetstream (Opsional) untuk Teams & 2FA

composer require laravel/jetstream
php artisan jetstream:install livewire --teams
npm install && npm run dev
php artisan migrate

Jika proyek memerlukan fitur tim atau two‑factor authentication, Jetstream menyediakan UI lengkap.

7. Best Practice Modern

• Environment Config: Simpan rahasia di .env dan gunakan config:cache.
• Database: Pakai migration & seeders; versioning dengan php artisan migrate:fresh --seed.
• Testing: Laravel 11 mendukung PHPUnit 11 dan Pest; contoh:

composer require pestphp/pest --dev
./vendor/bin/pest

• Code Quality: Gunakan PHP CS Fixer atau Pint (Laravel Pint built‑in) dengan ./vendor/bin/pint.
• Docker: Deploy dengan Laravel Sail (Docker) untuk konsistensi lingkungan.
• Cache & Queue: Konfigurasi Redis sebagai driver default; contoh di .env:

CACHE_DRIVER=redis
QUEUE_CONNECTION=redis
SESSION_DRIVER=redis

8. Deploy ke Production

1. Set APP_ENV=production dan APP_DEBUG=false di .env.
2. Compile assets: npm run build.
3. Cache konfigurasi, routes, dan views:

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

Gunakan layanan seperti Forge, Vapor, atau CI/CD pipeline (GitHub Actions) untuk otomatisasi.

Dengan mengikuti langkah‑langkah di atas, Anda memiliki fondasi Laravel 11 yang modern, cepat, dan aman. Vite memberikan bundling front‑end yang efisien, Breeze (atau Jetstream) mempercepat scaffolding otentikasi, dan Sanctum melindungi API Anda. Terapkan best practice seperti caching, Docker, dan testing untuk memastikan aplikasi siap skala produksi di tahun 2026.

---

Tutorial step-by-step setup Laravel 11 dengan Vite, Breeze, Sanctum, dan best practice modern. Panduan lengkap untuk developer PHP Framework di 2026.

Laravel,PHP Framework,Web Development,Vite,Breeze,Sanctum,Laravel 11

#Laravel #LaravelIndonesia #PHP #WebDev #Backend