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

Ikuti tutorial step-by-step ini untuk menginstal Laravel 11 terbaru, mengonfigurasi Vite, Breeze, Sanctum, dan Tailwind CSS sehingga aplikasi Anda siap produksi dengan arsitektur modern.

1. Prasyarat

• PHP 8.3+ (rekomendasi 8.3.2)
• Composer 2.7+
• Node.js 20+ dan npm 10+
• Database MySQL atau PostgreSQL

2. Instalasi Laravel 11

composer create-project laravel/laravel my-app "^11.0"

Perintah ini mengunduh kerangka kerja Laravel versi stabil terbaru (11.x) ke folder my-app.

2.1. Masuk ke Direktori Proyek

cd my-app

3. Setup Frontend Modern dengan Vite

Laravel 11 sudah menyertakan Vite sebagai build tool default. Pastikan dependency npm terinstall.

npm install
npm run dev

Perintah npm run dev akan menyalakan server Vite dengan Hot Module Replacement.

4. Instalasi Laravel Breeze (Starter Kit)

Breeze menyediakan scaffolding otentikasi ringan berbasis Blade atau Inertia.js. Di tutorial ini kita pakai Blade + Tailwind.

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

Setelah perintah di atas selesai, jalankan migrasi database:

php artisan migrate

5. Konfigurasi Tailwind CSS (Opsional Kustomisasi)

Laravel Breeze sudah menginstal Tailwind, tetapi Anda dapat menyesuaikan tailwind.config.js:

module.exports = {
  content: [
    "./resources/**/*.blade.php",
    "./resources/**/*.js",
    "./resources/**/*.vue",
  ],
  theme: {
    extend: {
      colors: {
        primary: "#4f46e5",
      },
    },
  },
  plugins: [],
};

6. Menambahkan Laravel Sanctum untuk API Token

Sanctum memungkinkan otentikasi API token dan SPA authentication.

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

Update config/sanctum.php jika aplikasi Anda ber‑SPA: set stateful domains ke domain front‑end Anda.

6.1. Middleware Global

Tambahkan middleware EnsureFrontendRequestsAreStateful::class ke api middleware group di app/Http/Kernel.php:

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

6.2. Membuat Token

use App\Models\User;

$user = User::find(1);
$token = $user->createToken('mobile-app')->plainTextToken;
return response()->json(['token' => $token]);

7. Best Practice Modern

• Environment Variables: Simpan kunci API, database, dan JWT di .env dan jangan pernah commit.
• Route Caching: Jalankan php artisan route:cache di production.
• Configuration Caching: php artisan config:cache.
• Queue & Jobs: Gunakan redis driver untuk queue dan schedule tugas dengan cron.
• Testing: Tulis unit & integration test dengan phpunit dan Laravel Pest.
• Docker: Deploy dengan container resmi laravelphp/php-fpm dan node:20-alpine untuk build assets.

8. Deploy ke Production (Contoh dengan Laravel Forge)

1. Buat site baru di Forge, pilih PHP 8.3.
2. Gunakan repository GitHub yang sudah ter‑push.
3. Set environment variables di Forge (APP_ENV=production, APP_KEY, DB_*, SANCTUM_STATEFUL_DOMAINS, dll).
4. Jalankan composer install --optimize-autoloader --no-dev dan npm ci && npm run build.
5. Aktifkan php artisan migrate --force dan php artisan queue:restart.

Anda kini memiliki aplikasi Laravel 11 modern dengan Vite, Breeze, Sanctum, dan Tailwind siap melayani pengguna.

Dengan mengikuti langkah‑langkah di atas, Anda dapat menyiapkan proyek Laravel 11 yang modern, aman, dan scalable. Memanfaatkan Vite untuk asset bundling, Breeze untuk scaffolding otentikasi, serta Sanctum untuk API token memberi fondasi kuat bagi aplikasi web atau SPA di 2026. Terapkan best practice seperti caching, environment management, dan containerization untuk memastikan performa produksi optimal.

---

Tutorial lengkap setup Laravel 11 dengan Vite, Breeze, Sanctum, dan Tailwind. Panduan step-by-step, konfigurasi, contoh kode, dan best practice modern untuk pengembangan web 2026.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend