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

Ikuti langkah demi langkah cara menyiapkan proyek Laravel terbaru di 2026 menggunakan Vite, Breeze, Sanctum, dan praktik terbaik untuk pengembangan aplikasi web modern.

1. Persiapan Lingkungan

1.1. Persyaratan Sistem

• PHP >= 8.3
• Composer 2.x
• Node.js >= 20 dengan npm atau Yarn
• Database MySQL 8 atau PostgreSQL 15

1.2. Instalasi Composer & Node

Pastikan Composer dan Node sudah terpasang:

composer -V
node -v
npm -v

2. Membuat Project Laravel 11

2.1. Install Laravel Installer (opsional)

composer global require laravel/installer

2.2. Buat Project Baru

laravel new blog --jetstream=livewire
# atau tanpa installer
composer create-project --prefer-dist laravel/laravel blog "11.*"

Perintah di atas akan menghasilkan folder blog dengan Laravel 11.

3. Mengkonfigurasi Vite (Asset Bundler Modern)

3.1. Instalasi Dependensi Frontend

cd blog
npm install
# atau yarn
# yarn install

3.2. Sesuaikan vite.config.js

Laravel 11 sudah menyertakan konfigurasi standar. Jika ingin menambahkan plugin Vue atau React, lakukan:

npm install @vitejs/plugin-vue --save-dev
# atau
npm install @vitejs/plugin-react --save-dev

3.3. Jalankan Dev Server

npm run dev

Vite akan melayani aset pada http://localhost:5173.

4. Menambahkan Laravel Breeze (Starter Kit Ringan)

4.1. Instalasi Breeze

composer require laravel/breeze --dev
php artisan breeze:install vue
# pilih blade, vue, atau react sesuai kebutuhan; contoh di atas memakai Vue

4.2. Kompilasi Aset

npm run dev

4.3. Migrasi Database

php artisan migrate

Anda sekarang memiliki halaman login/registrasi siap pakai.

5. Mengamankan API dengan Laravel Sanctum

5.1. Instalasi Sanctum

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

5.2. Konfigurasi Middleware

Tambahkan SanctumMiddlewareEnsureFrontendRequestsAreStateful::class ke api middleware group di app/Http/Kernel.php:

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

5.3. Membuat Route API yang Dilindungi

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

5.4. Contoh Request Token di Frontend (Vue)

import axios from 'axios';
await axios.post('/login', {email, password});
const {data} = await axios.get('/api/user');
console.log(data);

6. Best Practice Modern

• Environment Variables: Simpan rahasia di .env dan gunakan config:cache untuk produksi.
• PHPStan & Psalm: Tambahkan static analysis untuk kode bersih.

  composer require --dev phpstan/phpstan

• Testing: Gunakan PHPUnit & Pest untuk test unit/integrasi.

  composer require --dev pestphp/pest

• Docker: Jalankan development dengan container resmi Laravel Sail.

  composer require laravel/sail --dev
  php artisan sail:install
  ./vendor/bin/sail up -d

• Version Control: Commit .env.example, hindari menambah .env ke repo.

7. Deploy ke Production

1. Build aset: npm run build
2. Cache konfigurasi & routes: php artisan config:cache && php artisan route:cache
3. Optimasi autoloader: composer install --optimize-autoloader --no-dev
4. Set permission folder storage dan bootstrap/cache.
5. Gunakan web server Nginx dengan fastcgi PHP-FPM atau Laravel Octane untuk performa tinggi.

Dengan mengikuti tutorial ini, Anda dapat membangun aplikasi Laravel 11 yang modern, terstruktur, dan siap produksi. Kombinasi Vite, Breeze, dan Sanctum memberikan fondasi yang cepat, aman, dan mudah skalabel untuk proyek Anda di era 2026.

---

Panduan step-by-step setup Laravel 11 dengan Vite, Breeze, Sanctum, dan best practice modern untuk pengembangan web cepat, aman, dan scalable di 2026.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend