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

Tutorial step‑by‑step untuk menginstal Laravel 11, mengkonfigurasi Vite, Breeze, Sanctum, serta rekomendasi best practice agar aplikasi siap produksi pada tahun 2026.

1. Prasyarat

a. PHP & Composer

Pastikan PHP >= 8.2 dan Composer terbaru terpasang:

php -v
composer -V

b. Node.js & npm/Yarn

Install Node.js 20.x atau lebih baru:

node -v
npm -v

2. Instalasi Laravel 11

a. Buat proyek baru

composer create-project laravel/laravel blog --prefer-dist "^11.0"

b. Masuk ke direktori

cd blog

3. Konfigurasi Vite (frontend bundler default Laravel 11)

a. Install dependencies

npm install

b. Sesuaikan vite.config.ts

Tambahkan alias dan enable React/Vue bila diperlukan:

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

export default defineConfig({
    plugins: [laravel(['resources/css/app.css', 'resources/js/app.js'])],
    resolve: {
        alias: {
            '@': '/resources/js',
        },
    },
});

c. Build & watch

npm run dev   // untuk development
npm run build // untuk production

4. Instalasi Laravel Breeze (authentication starter)

a. Tambahkan package

composer require laravel/breeze --dev

b. Install scaffold

php artisan breeze:install vue

Gunakan blade, react, atau vue sesuai kebutuhan.

c. Compile assets

npm install && npm run dev

5. Setup Laravel Sanctum (API token & SPA authentication)

a. Install package

composer require laravel/sanctum

b. Publish konfigurasi & migrasi

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

c. Tambahkan middleware

Di app/Http/Kernel.php tambahkan pada api stack:

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

d. Contoh route API

use App\Http\Controllers\API\UserController;
Route::middleware('auth:sanctum')->get('/user', [UserController::class, 'profile']);

6. .env & konfigurasi production

a. Cache konfigurasi & route

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

b. Optimasi autoloader

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

c. Set APP_ENV=production dan APP_DEBUG=false

APP_ENV=production
APP_DEBUG=false

7. Best Practice Modern (2026)

• Gunakan PHPStan atau Psalm untuk static analysis.
• Set up Laravel Pint sebagai kode formatter.
• Dockerize dengan multi‑stage build untuk PHP & Node.
• Gunakan Horizon jika memakai queues.
• Aktifkan rate limiting pada API dengan ThrottleRequests.
• Audit security secara rutin menggunakan laravel/security-checker.

Dengan mengikuti langkah‑langkah di atas, Anda kini memiliki proyek Laravel 11 yang di‑setup secara modern: Vite untuk asset bundling, Breeze untuk UI starter, Sanctum untuk API yang aman, serta best practice yang siap menghadapi beban produksi pada tahun 2026.

---

Tutorial step‑by‑step setup Laravel 11 dengan Vite, Breeze, Sanctum, dan best practice modern untuk pengembangan web 2026.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend