News

Loading...

Community Links

Laravel Jobs

Latest News

Loading...

Latest Partners

Loading...

Partners

Loading...

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


Pelajari cara menginstal dan mengkonfigurasi Laravel 11 terbaru menggunakan stack modern: Vite untuk asset bundling, Breeze untuk starter kit, Sanctum untuk API authentication, serta testing dengan PestPHP.

1. Prasyarat

  • PHP >= 8.2
  • Composer 2.x
  • Node.js >= 20 & npm
  • Database MySQL / PostgreSQL

2. Instalasi Laravel 11

composer create-project laravel/laravel contoh-app "11.*" --prefer-dist
cd contoh-app

Perintah di atas mengunduh Laravel 11 yang sudah mengaktifkan Vite secara default.

3. Mengatur Vite

  • Pastikan vite.config.js berisi plugin Laravel Vite.
  • Jalankan:
npm install && npm run dev

Anda sekarang dapat menulis SASS/JS di resources/js dan resources/css. Vite akan melakukan hot‑module‑replacement.

4. Install Laravel Breeze (Blade atau Inertia)

Pilih stack yang diinginkan. Contoh dengan Blade:

composer require laravel/breeze --dev
php artisan breeze:install blade
npm run dev
php artisan migrate

Jika memakai Inertia + Vue 3:

php artisan breeze:install vue
npm run dev

5. Menambahkan Laravel Sanctum untuk API Authentication

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

Konfigurasi config/sanctum.php untuk SPA:

'stateful' => explode(",", env('SANCTUM_STATEFUL_DOMAINS', 'localhost,127.0.0.1')),

Tambahkan middleware EnsureFrontendRequestsAreStateful::class pada api guard di config/auth.php:

'sanctum' => [
    'driver' => 'sanctum',
    'provider' => null,
    'hash' => false,
],

Contoh Route API

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

6. Setup Testing dengan PestPHP (Opsional)

composer require pestphp/pest --dev
php artisan pest:install

Contoh test:

it('can register a user', function () {
    $response = $this->post('/register', [
        'name' => 'Budi',
        'email' => '[email protected]',
        'password' => 'secret123',
        'password_confirmation' => 'secret123',
    ]);
    $response->assertRedirect('/home');
    $this->assertAuthenticated();
});

7. Best Practice Modern

  • Environment Variables: Simpan rahasia di .env dan jangan pernah commit.
  • Cache Config & Routes: Pada production jalankan php artisan config:cache && php artisan route:cache.
  • Queue & Jobs: Gunakan driver redis untuk queue yang cepat.
  • Code Style: Terapkan PHP-CS-Fixer atau Pint (composer require laravel/pint --dev).
  • Security: Aktifkan APP_DEBUG=false, gunakan HTTPS, dan set SESSION_SECURE_COOKIE=true.

8. Deployment (Contoh dengan Docker)

Berikut Dockerfile minimal untuk Laravel 11:

FROM php:8.2-fpm-alpine
WORKDIR /var/www/html
RUN apk add --no-cache nginx supervisor git zip unzip
RUN docker-php-ext-install pdo pdo_mysql
COPY . .
RUN composer install --optimize-autoloader --no-dev
RUN php artisan storage:link && php artisan migrate --force
EXPOSE 80
CMD ["php-fpm"]

Bangun image, push ke registry, dan jalankan dengan docker‑compose yang menyertakan redis dan mysql.
Dengan mengikuti langkah‑langkah di atas Anda telah menyiapkan proyek Laravel 11 yang menggunakan Vite, Breeze, Sanctum, dan testing modern. Struktur ini mencerminkan best practice 2026, memudahkan pengembangan cepat, keamanan yang kuat, serta skalabilitas untuk produksi.


Tutorial langkah demi langkah setup Laravel 11 terbaru dengan Vite, Breeze, Sanctum, dan testing modern. Panduan lengkap untuk developer PHP Framework di 2026.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend

Tidak ada komentar:

Posting Komentar

Most Read

Loading...

Tutorial

Loading...

Packages

Loading...