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

Ikuti tutorial step‑by‑step ini untuk menginstal Laravel 11 terbaru, mengonfigurasi Vite, menambahkan Breeze, mengamankan API dengan Sanctum, serta menerapkan best practice modern untuk proyek PHP Framework yang siap produksi.

1. Persiapan Lingkungan

Pastikan sistem Anda memiliki:

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

1.1. Instalasi Composer dan Laravel Installer

composer global require laravel/installer

Tambahkan ~/.composer/vendor/bin (atau ~/.config/composer/vendor/bin) ke PATH Anda.

2. Membuat Proyek Laravel 11 Baru

laravel new blog --jetstream=livewire --stack=vite
# atau menggunakan Composer
composer create-project laravel/laravel blog "11.*" --prefer-dist

Perintah di atas akan menyiapkan Laravel 11 dengan Vite sebagai bundler asset.

3. Mengonfigurasi Vite

Laravel 11 sudah menyertakan vite.config.js. Pastikan package.json berisi script berikut:

{
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  }
}

Instal dependensi front‑end:

npm install
# atau yarn
yarn

Jalankan dev server:

npm run dev

4. Menambahkan Laravel Breeze (opsional)

Breeze menyediakan scaffolding autentikasi ringan dengan Blade atau Inertia. Di contoh ini kita pakai Blade.

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

Setelah itu Anda dapat mengakses /login dan /register yang sudah ter‑style.

5. Menyiapkan Laravel Sanctum untuk API Authentication

5.1. Instalasi Sanctum

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

5.2. Konfigurasi Middleware

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

\App\Http\Middleware\EnsureFrontendRequestsAreStateful::class,

5.3. Membuat Route API yang Dilindungi

// routes/api.php
use App\Http\Controllers\API\PostController;
Route::middleware('auth:sanctum')->group(function () {
    Route::apiResource('posts', PostController::class);
});

5.4. Front‑end (Vue 3) Contoh Request

import axios from 'axios';
axios.get('/sanctum/csrf-cookie').then(() => {
  axios.get('/api/posts').then(response => console.log(response.data));
});

6. Best Practice Modern

• Environment Variables: Simpan rahasia di .env dan gunakan config:cache untuk produksi.
• Cache Config & Routes: php artisan config:cache & php artisan route:cache.
• Database Migrations & Seeds: Versioning skema dengan php artisan migrate --force pada CI/CD.
• Testing: Tulis Feature Test dengan Pest atau PHPUnit untuk memastikan API Sanctum bekerja.
• Static Analysis: Integrasikan phpstan & larastan untuk tipe‑checking.
• Docker: Gunakan Laravel Sail atau Docker Compose untuk lingkungan yang konsisten.

7. Deploy ke Production

1. Build assets: npm run build
2. Set APP_ENV=production dan APP_DEBUG=false
3. Cache konfigurasi & route.
4. Jalankan migrasi: php artisan migrate --force
5. Gunakan queue worker: php artisan queue:work --daemon

Dengan mengikuti langkah‑langkah di atas, proyek Laravel 11 Anda akan siap dengan stack modern, aman, dan mudah dipelihara.

Setup Laravel 11 dengan Vite, Breeze, dan Sanctum memberikan fondasi yang kuat untuk aplikasi web modern. Dengan mengikuti best practice seperti caching, testing, dan containerization, Anda dapat mempercepat development sekaligus menjaga keamanan serta performa di produksi.

---

Tutorial lengkap setup Laravel 11 terbaru dengan Vite, Breeze, Sanctum, dan best practice modern untuk pengembangan web dengan PHP Framework terbaik.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend