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

Tutorial step‑by‑step untuk menginstal Laravel 11 terbaru, mengkonfigurasi Vite, Breeze, Sanctum, serta memperkenalkan best practice yang cocok untuk proyek 2026.

1. Prasyarat Sistem

• PHP >= 8.3
• Composer 2.x
• Node.js >= 20 dan npm/yarn
• Database MySQL/PostgreSQL (opsional untuk tutorial)

2. Instalasi Laravel 11

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

Perintah di atas mengunduh versi stabil terbaru (Laravel 11) dan menyiapkan struktur dasar.

3. Mengatur Vite (Asset Bundler Modern)

1. Masuk ke folder proyek: cd my-project
2. Instal dependensi frontend: npm install
3. Jika ingin menggunakan Vue 3 atau React, jalankan salah satu:
   • Vue 3: npm install vue@next @vitejs/plugin-vue
   • React: npm install react react-dom @vitejs/plugin-react
4. Update vite.config.js bila diperlukan, contoh untuk Vue:

   import { defineConfig } from 'vite';
   import laravel from 'laravel-vite-plugin';
   import vue from '@vitejs/plugin-vue';
   
   export default defineConfig({
       plugins: [laravel(['resources/js/app.js']), vue()],
   });

5. Jalankan dev server: npm run dev

4. Instalasi Breeze (Auth Starter Kit)

1. Pastikan Composer ter‑update.
2. Jalankan perintah: composer require laravel/breeze --dev
3. Generate scaffold dengan Vite: php artisan breeze:install vue (pilih react atau blade sesuai kebutuhan).
4. Instalasi npm dan compile aset: npm install && npm run dev
5. Migrasi tabel user: php artisan migrate

Penjelasan

Breeze memberikan route, controller, view, dan API auth yang ringan, cocok untuk proyek modern dan mudah dikustomisasi.

5. Menambahkan Laravel Sanctum (SPA & Mobile Token Auth)

1. Instal package: composer require laravel/sanctum
2. Publish konfigurasi & migrasi: php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
3. Jalankan migrasi: php artisan migrate
4. Tambahkan middleware EnsureFrontendRequestsAreStateful::class ke api middleware group pada app/Http/Kernel.php.

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

5. Gunakan token pada API:

   // Generating token
   $token = $user->createToken('spa-token')->plainTextToken;
   
   // Protect route
   Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
       return $request->user();
   });

6. Best Practice Modern (2026)

• Environment Variables: Simpan rahasia di .env dan gunakan config:cache pada produksi.
• Database: Gunakan laravel migrations + model factories + seeder untuk CI/CD.

  php artisan migrate --seed

• Testing: PHPUnit + Pest untuk unit & feature test; gunakan php artisan test --parallel.
• Code Style: Laravel Pint (PHP CS Fixer) – composer require laravel/pint --dev dan jalankan vendor/bin/pint.
• Docker: Deploy dengan container resmi Laravel (php8.3-fpm + nginx) dan docker compose.
• Cache & Queue: Konfigurasi Redis di .env dan gunakan php artisan queue:work untuk job background.

7. Deploy ke Production (Contoh di Laravel Forge)

1. Push repo ke GitHub.
2. Buat site baru di Forge, pilih server Ubuntu 22.04.
3. Set environment variables, enable queue:work dan scheduler.
4. Run php artisan migrate --force dan npm run build pada server.
5. Aktifkan SSL otomatis via Let's Encrypt.

8. Verifikasi Semua

• Buka http://your-domain.test – pastikan UI Breeze muncul.
• Login, periksa cookie laravel_session dan header Authorization: Bearer <token> untuk Sanctum.
• Jalankan php artisan test – semua harus lulus.

Dengan mengikuti langkah‑langkah di atas, Anda dapat menyiapkan proyek Laravel 11 yang modern, aman, dan siap skalabilitas 2026. Kombinasi Vite, Breeze, dan Sanctum memberikan fondasi solid untuk aplikasi SPA, mobile, atau monolith tradisional, sementara best practice seperti Docker, testing paralel, dan Laravel Pint memastikan kode tetap bersih dan maintainable.

---

Tutorial lengkap setup Laravel 11 dengan Vite, Breeze, Sanctum, dan best practice modern untuk pengembangan web 2026. Ikuti langkah demi langkah instalasi, konfigurasi, dan contoh kode.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend