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

Tutorial step-by-step untuk menginstal Laravel 11 terbaru, mengonfigurasi Vite, Breeze, dan Sanctum, serta menerapkan best practice pengembangan aplikasi web modern.

1. Persiapan Lingkungan

Pastikan sistem memenuhi persyaratan minimal:

• PHP >= 8.2
• Composer 2.x
• Node.js >= 20 (LTS) & npm
• Database (MySQL 8+, PostgreSQL, atau SQLite)

1.1 Instalasi Composer & Node

curl -sS https://getcomposer.org/installer | php
npm install -g npm@latest

2. Membuat Proyek Laravel 11

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

Perintah di atas akan menghasilkan struktur folder standar Laravel 11.

3. Mengonfigurasi Vite (Asset Bundler)

Laravel 11 sudah menyertakan Vite secara default, namun pastikan dependensi frontend terpasang.

3.1 Install NPM dependencies

npm install
# atau menggunakan Yarn
# yarn install

3.2 Jalankan dev server

npm run dev

Vite akan memuat file resources/js/app.js dan resources/css/app.css secara hot‑reloading.

4. Menambahkan Laravel Breeze (Starter Kit)

4.1 Install package

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

Pilih vue (atau react, blade) sesuai kebutuhan. Breeze akan men-generate route, view, dan komponen frontend.

4.2 Build assets

npm run dev

4.3 Migrasi database

php artisan migrate

Ini akan membuat tabel users, password_resets, dll.

5. Mengintegrasikan Laravel Sanctum (API Authentication)

5.1 Install Sanctum

composer require laravel/sanctum

5.2 Publikasi konfigurasi & migrasi

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

5.3 Tambahkan middleware

Di app/Http/Kernel.php, tambahkan:

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

di dalam grup api bila ingin SPA cookie‑based authentication.

5.4 Membuat route API contoh

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

5.5 Menggunakan token personal (opsional)

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

Gunakan token ini di header Authorization: Bearer <token> untuk request API.

6. Best Practice Modern

• Environment variables: Simpan rahasia di .env dan jangan pernah commit file ini.
• Model factories & seeders: Gunakan php artisan make:factory untuk data dummy, memudahkan testing.
• Testing: Laravel 11 mendukung PHPUnit 10 & Pest. Tuliskan fitur test di tests/Feature.
• Cache configuration: Aktifkan Redis sebagai cache & queue driver pada produksi.
• Static analysis: Pasang phpstan atau psalm untuk menjaga kualitas kode.
• Code formatting: Gunakan Laravel Pint (artisan pint) untuk standar PSR‑12.
• Docker: Deploy dengan container resmi laravelphp/php-fpm + node untuk build assets.

7. Deploy ke Production

1. Set APP_ENV=production dan APP_DEBUG=false di .env.
2. Jalankan composer install --optimize-autoloader --no-dev.
3. Kompilasi assets: npm run build (produksi).
4. Migrasi database: php artisan migrate --force.
5. Cache config & routes: php artisan config:cache && php artisan route:cache.
6. Setup queue workers (Supervisor) dan schedule (cron).

Dengan mengikuti langkah‑langkah di atas, aplikasi Laravel 11 Anda akan siap untuk pengembangan modern dan skalabilitas produksi.

Laravel 11 menawarkan pengalaman developer yang lebih cepat dan aman berkat Vite, Breeze, dan Sanctum. Ikuti best practice yang dijabarkan untuk memastikan kode terstruktur, mudah diuji, dan siap deploy. Selamat membangun aplikasi web modern dengan PHP Framework terdepan!

---

Tutorial lengkap setup Laravel 11 dengan Vite, Breeze, dan Sanctum. Panduan step-by-step, konfigurasi, contoh kode, dan best practice modern untuk pengembangan web dengan Laravel, PHP Framework, Web Development.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend