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

Temukan langkah‑demi‑langkah instalasi Laravel 11 terbaru, integrasi Vite, Breeze, serta otentikasi API dengan Sanctum, lengkap dengan contoh kode dan best practice untuk proyek produksi di tahun 2026.

1. Prasyarat

1.1. Sistem Operasi & Software

• PHP 8.3 atau lebih tinggi
• Composer 2.x
• Node.js 20 LTS
• Git

1.2. Buat Direktori Project

mkdir my-laravel-app && cd my-laravel-app

2. Instalasi Laravel 11

2.1. Menggunakan Composer

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

Perintah ini meng‑install Laravel 11 pada folder saat ini.

2.2. Verifikasi Instalasi

php artisan --version

Output harus menunjukkan Laravel Framework 11.x.x.

3. Setup Frontend Modern dengan Vite

3.1. Instalasi Dependensi Node

npm install

Laravel 11 sudah menyertakan konfigurasi Vite secara default (file vite.config.js).

3.2. Jalankan Dev Server

npm run dev

Browser akan menampilkan halaman welcome dengan hot‑module‑replacement (HMR) aktif.

4. Instalasi Breeze (Starter Kit) dengan TailwindCSS

4.1. Tambahkan Package Breeze

composer require laravel/breeze --dev

4.2. Publish & Install

php artisan breeze:install vue

Dengan pilihan vue (atau react, blade) Breeze akan men‑setup authentication scaffolding, TailwindCSS, dan Vite.

4.3. Compile Assets

npm run dev

Pastikan tidak ada error di console.

5. Tambahkan Sanctum untuk API Authentication

5.1. Install Sanctum

composer require laravel/sanctum

5.2. Publish Configuration & Migrations

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

5.3. Konfigurasi Middleware

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

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

5.4. Buat Route API Contoh

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

5.5. Frontend Login dengan Axios

import axios from 'axios';
axios.get('/sanctum/csrf-cookie').then(() => {
    axios.post('/login', {email, password}).then(response => {
        // Token disimpan otomatis oleh cookie
    });
});

6. Konfigurasi Environment untuk Produksi

6.1. .env Optimasi

APP_ENV=production
APP_DEBUG=false
CACHE_DRIVER=redis
SESSION_DRIVER=redis
QUEUE_CONNECTION=redis

6.2. Cache & Config Cache

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

6.3. Optimasi Autoloader

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

7. Deploy dengan Docker (Opsional)

7.1. Dockerfile Minimal

FROM php:8.3-fpm-alpine
WORKDIR /var/www/html
COPY . .
RUN apk add --no-cache bash git nginx
RUN docker-php-ext-install pdo pdo_mysql
RUN curl -sS https://getcomposer.org/installer | php -- --install-dir=/usr/local/bin --filename=composer
RUN composer install --optimize-autoloader --no-dev
RUN npm ci && npm run build
EXPOSE 80
CMD ["php-fpm"]

7.2. docker-compose.yml Ringkas

version: '3.8'
services:
  app:
    build: .
    ports:
      - "8080:80"
    environment:
      - APP_ENV=production
    volumes:
      - .:/var/www/html
  db:
    image: mysql:8
    environment:
      MYSQL_ROOT_PASSWORD: secret
      MYSQL_DATABASE: laravel
    ports:
      - "3306:3306"

8. Best Practice Modern

• Gunakan php artisan route:list --show-controllers untuk memverifikasi route.
• Selalu versioning API dengan prefix /api/v1.
• Implementasikan Form Request untuk validasi, hindari Validator::make di controller.
• Gunakan Enum PHP 8.3 untuk nilai konstan pada model.
• Aktifkan Laravel Telescope di environment development untuk debugging.

Dengan mengikuti tutorial ini, Anda memiliki pondasi Laravel 11 yang modern, siap untuk pengembangan front‑end menggunakan Vite, UI cepat dengan Breeze, dan keamanan API via Sanctum. Terapkan best practice di atas untuk menjaga performa, keamanan, dan skalabilitas aplikasi Anda di produksi tahun 2026.

---

Panduan lengkap setup Laravel 11 dengan Vite, Breeze, dan Sanctum. Langkah instalasi, konfigurasi, contoh kode, serta best practice modern untuk pengembangan web di tahun 2026.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend