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

Tutorial step-by-step ini menjelaskan cara menginstal Laravel versi terbaru (Laravel 11, 2026) serta mengonfigurasi stack modern termasuk Vite, Breeze, Sanctum, dan Laravel Jetstream untuk aplikasi web yang aman, cepat, dan scalable.

1. Persyaratan Sistem

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

2. Instalasi Laravel 11

composer create-project laravel/laravel myapp "11.*"

Perintah di atas mengunduh Laravel 11 ke folder myapp dan menyiapkan struktur standar.

3. Konfigurasi Environment

cd myapp
cp .env.example .env
php artisan key:generate

Ubah .env sesuai database Anda:

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

4. Setup Frontend dengan Vite

Laravel 11 sudah mengganti Mix dengan Vite secara default. Pastikan Node dependencies terinstall:

npm install

Jalankan dev server:

npm run dev

Vite akan meng‑compile resources/js/app.js dan resources/css/app.css secara hot‑reload.

5. Instalasi Laravel Breeze (Starter Kit)

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

Perintah di atas menambahkan scaffolding autentikasi dengan Vue 3 + Vite. Jika ingin React, ganti vue dengan react.

npm install && npm run dev

6. Menambahkan Sanctum untuk API Token

composer require laravel/sanctum

Publikasikan konfigurasi dan migrasi:

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

Update app/Http/Kernel.php:

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

Contoh route API yang dilindungi:

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

7. Membuat Token pada Model User

// App/Models/User.php
use Laravel\Sanctum\HasApiTokens;
class User extends Authenticatable {
    use HasApiTokens, Notifiable;
}

Generate token via tinker atau controller:

$token = $user->createToken('mobile-app')->plainTextToken;

8. Best Practice Configurasi

• Cache Config & Routes:
  php artisan config:cache && php artisan route:cache
• Env File Security: jangan commit .env ke VCS.
• HTTPS & CSP: aktifkan ForceHttpsMiddleware dan set Content-Security-Policy di server.
• Logging: gunakan channel stack dengan daily dan slack untuk error kritis.
• Testing: tulis Feature Test dengan Pest atau PHPUnit untuk endpoint Sanctum.

9. Deploy ke Production

1. Build assets: npm run build
2. Optimasi autoloader: composer install --optimize-autoloader --no-dev
3. Migrasi DB: php artisan migrate --force
4. Cache konfigurasi: php artisan config:cache
5. Set proper file permissions untuk storage dan bootstrap/cache.

Server yang direkomendasikan: Laravel Vapor, Forge, atau VPS dengan PHP-FPM + Nginx.

Dengan mengikuti langkah‑langkah di atas, Anda memiliki aplikasi Laravel 11 yang terstruktur secara modern: Vite untuk asset bundling, Breeze sebagai starter kit UI, serta Sanctum untuk autentikasi API token‑based. Kombinasi ini memberikan performa tinggi, keamanan terjamin, dan fondasi yang mudah dikembangkan ke fitur‑fitur lanjutan seperti Livewire, Jetstream, atau micro‑services.

---

Tutorial lengkap setup Laravel 11 dengan Vite, Breeze, Sanctum, dan best practice modern untuk pengembangan aplikasi web cepat dan aman di tahun 2026.

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

#Laravel #LaravelIndonesia #PHP #WebDev #Backend