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

Tutorial step‑by‑step ini mengajarkan cara menginstal Laravel 11 terbaru, mengintegrasikan Vite, Breeze, dan Laravel Sanctum untuk autentikasi API‑first, serta menerapkan best practice produksi di tahun 2026.

1. Prerequisite & Lingkungan

Pastikan Anda memiliki:

• PHP >= 8.2
• Composer 2.x
• Node.js >= 20 (LTS) dan npm atau Yarn
• Database MySQL/PostgreSQL/SQLite
• Git

2. Instalasi Laravel 11

composer create-project laravel/laravel:^11 my-project
cd my-project

Perintah di atas mendownload Laravel 11 stable beserta semua dependensi. Gunakan --prefer-dist bila ingin mengurangi waktu download.

3. Konfigurasi Environment

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

Ubah variabel DB_* sesuai database Anda, contoh:

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

4. Setup Front‑End dengan Vite (Laravel Mix sudah deprecated)

1. Instalasi dependensi:

npm install --save-dev vite laravel-vite-plugin
npm install vue@next # atau react, svelte sesuai kebutuhan

2. Update vite.config.js:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
});

3. Modifikasi resources/js/app.js (contoh Vue 3):

import { createApp } from 'vue';
import App from './components/App.vue';

createApp(App).mount('#app');

Jalankan development server:

npm run dev

5. Instalasi Laravel Breeze (Starter Kit)

composer require laravel/breeze --dev
php artisan breeze:install vue   # pilih vue, react, blade, atau react+ typescript
npm install && npm run dev

Breeze menyediakan route, controller, dan view dasar untuk registrasi, login, dan reset password.

6. Menambahkan Laravel Sanctum untuk API Authentication

1. Instalasi paket:

composer require laravel/sanctum

2. Publish konfigurasi & migration:

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

3. Aktifkan middleware di app/Http/Kernel.php:

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

4. Contoh route API menggunakan token:

use App\Models\User;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Hash;

Route::post('/register', function (Request $request) {
    $user = User::create([
        'name' => $request->name,
        'email' => $request->email,
        'password' => Hash::make($request->password),
    ]);
    $token = $user->createToken('api-token')->plainTextToken;
    return response()->json(['token' => $token]);
});

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

7. Best Practice Production Ready

• Cache config & routes:

  php artisan config:cache
  php artisan route:cache
  php artisan view:cache

• Optimized autoload:

  composer install --optimize-autoloader --no-dev

• Enable HTTPS & HSTS di web server (nginx/Apache) dan set APP_URL dengan https.
• Queue workers untuk email atau job berat:

  php artisan queue:work --daemon

• Log rotation dengan daily channel di config/logging.php.
• Database backups otomatis via schedule:

php artisan schedule:run

8. Verifikasi Instalasi

1. Jalankan server lokal:

php artisan serve

Buka http://localhost:8000 – Anda harus melihat halaman welcome Breeze.

Gunakan Postman atau Insomnia untuk POST /api/register dan dapatkan token, lalu GET /api/user dengan header Authorization: Bearer {token}.

9. Deployment ke Vercel/Forge/DigitalOcean

• Set APP_ENV=production, APP_DEBUG=false.
• Pastikan php artisan storage:link sudah dijalankan.
• Gunakan git push production main atau pipeline CI/CD yang menjalankan composer install, npm ci, dan perintah cache di atas.

Dengan mengikuti langkah‑langkah ini, Anda memiliki aplikasi Laravel 11 modern, siap untuk skala, dan terproteksi lewat Sanctum.

Laravel 11 bersama Vite, Breeze, dan Sanctum memberikan fondasi yang kuat, cepat, dan aman untuk pengembangan aplikasi web modern di 2026. Terapkan best practice produksi untuk memastikan performa optimal dan keamanan jangka panjang.

---

Tutorial lengkap setup Laravel 11 dengan Vite, Breeze, dan Sanctum. Langkah‑step instalasi, konfigurasi, contoh kode, dan best practice produksi untuk pengembangan web modern.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend