News

Loading...

Community Links

Laravel Jobs

Latest News

Loading...

Latest Partners

Loading...

Partners

Loading...

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


Panduan lengkap langkah demi langkah untuk menginstal dan mengkonfigurasi Laravel 11 dengan stack modern termasuk Vite, Breeze, Sanctum, serta best practice keamanan dan performa.

1. Prasyarat

  • PHP 8.3 atau lebih tinggi
  • Composer 2.x
  • Node.js 20.x dengan npm atau Yarn
  • Database MySQL/PostgreSQL

2. Instalasi Laravel 11

composer create-project laravel/laravel blog "11.*" --prefer-dist

Masuk ke folder proyek:

cd blog

3. Setup Vite (Asset Bundler default)

Laravel 11 sudah menyertakan Vite. Pastikan vite.config.js ada dan jalankan:

npm install
npm run dev

Jika ingin menambahkan React atau Vue:

npm install --save-dev @vitejs/plugin-react
# atau npm install --save-dev @vitejs/plugin-vue

4. Instalasi Laravel Breeze (Authentication starter)

composer require laravel/breeze --dev
php artisan breeze:install

Untuk stack Inertia + Vue:

php artisan breeze:install vue

Install dependensi front-end dan compile:

npm install
npm run dev

5. Konfigurasi Sanctum (API Token & SPA Authentication)

composer require laravel/sanctum

Publish konfigurasi dan migrasi:

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

Tambahkan middleware ke api guard di app/Http/Kernel.php:

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

Konfigurasi CORS di config/cors.php untuk domain front‑end.

6. Environment & Security Best Practices

  • Set APP_DEBUG=false pada production.
  • Generate key: php artisan key:generate
  • Gunakan .env.example sebagai template.
  • Enable HTTPS dengan AppServiceProvider forcing scheme:
use Illuminate\Support\Facades\URL;
public function boot()
{
    if (app()->environment('production')) {
        URL::forceScheme('https');
    }
}

7. Optimasi Performansi

  • Cache konfigurasi & route:
php artisan config:cache
php artisan route:cache
php artisan view:cache
  • Gunakan php artisan optimize untuk memuat file yang sudah di‑optimasi.

8. Deploy Checklist

  1. Set APP_ENV=production dan APP_DEBUG=false.
  2. Run composer install --optimize-autoloader --no-dev.
  3. Run npm ci && npm run build untuk asset produksi.
  4. Migrate database: php artisan migrate --force.
  5. Setup queue worker (Supervisor) bila memakai queue.

Dengan mengikuti langkah‑langkah di atas, Anda mendapatkan aplikasi Laravel 11 yang modern, aman, dan siap produksi. Stack Vite, Breeze, dan Sanctum memberikan fondasi yang solid untuk SPA atau API, sementara best practice seperti caching, HTTPS, dan environment handling memastikan performa dan keamanan optimal.
Panduan lengkap setup Laravel 11 dengan Vite, Breeze, Sanctum, serta best practice modern untuk keamanan dan performa dalam 2026.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend

Tidak ada komentar:

Posting Komentar

Most Read

Loading...

Tutorial

Loading...

Packages

Loading...