Panduan Lengkap Setup Laravel 10 dengan Best Practice Modern: Vite, Breeze, Sanctum, dan Lainnya

Tutorial step‑by‑step ini menjelaskan cara menginstal Laravel 10 terbaru, mengonfigurasi Vite, Breeze, Sanctum, serta praktik terbaik untuk pengembangan aplikasi web modern pada tahun 2026.

1. Prasyarat

Pastikan sistem Anda memiliki:

• PHP >= 8.2
• Composer terbaru
• Node.js >= 20 dan npm atau Yarn
• Database (MySQL 8, PostgreSQL, atau SQLite)

2. Instalasi Laravel 10

composer create-project laravel/laravel my-app "10.*"

Masuk ke direktori proyek:

cd my-app

2.1. Inisialisasi Git (opsional)

git init && git add . && git commit -m "Initial commit - Laravel 10"

3. Mengganti Mix dengan Vite

Laravel 10 sudah menyertakan Vite secara default. Pastikan file vite.config.js ada dan package.json berisi:

{
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  }
}

Instal dependensi front‑end:

npm install
# atau yarn
# yarn install

3.1. Menjalankan Vite

npm run dev

Vite akan melayani aset pada http://localhost:5173 dan hot‑module reloading (HMR) otomatis.

4. Menambahkan Laravel Breeze (Starter Kit)

composer require laravel/breeze --dev
php artisan breeze:install vue
# atau react: php artisan breeze:install react
npm run dev

Breeze menyediakan autentikasi dasar, route, controller, dan view dengan Vue/React + Vite.

4.1. Memigrasi Database

php artisan migrate

Setelah migrasi, Anda sudah dapat mengakses halaman /login dan /register.

5. Mengamankan API dengan Laravel Sanctum

Sanctum memungkinkan token‑based authentication untuk SPA atau mobile.

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

5.1. Konfigurasi Middleware

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

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

5.2. Membuat Route API yang Dilindungi

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

6. Best Practice Modern

• Environment Variables: Simpan kunci rahasia di .env dan gunakan config:cache setelah perubahan.
• Database Seeding & Factories: Gunakan php artisan make:factory & php artisan db:seed untuk data dummy.
• Testing: Tuliskan unit & feature test menggunakan PHPUnit atau Pest. Contoh: php artisan test.
• Code Style: Terapkan PHP‑CS‑Fixer atau Laravel Pint (./vendor/bin/pint).
• Docker: Buat docker-compose.yml dengan layanan php, mysql, redis, dan node untuk konsistensi tim.
• Cache & Queues: Aktifkan Redis untuk cache dan queue, konfigurasi di .env (CACHE_DRIVER=redis, QUEUE_CONNECTION=redis).

7. Deployment Ringkas

Setelah selesai, lakukan:

composer install --optimize-autoloader --no-dev
npm ci --production
php artisan config:cache
php artisan route:cache
php artisan view:cache
php artisan storage:link

Deploy ke server Linux dengan PHP‑FPM & Nginx, pastikan public/ menjadi root web, dan atur fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;.

Dengan mengikuti langkah‑langkah di atas, Anda akan memiliki proyek Laravel 10 yang up‑to‑date, terintegrasi dengan Vite, Breeze, dan Sanctum, serta menerapkan praktik terbaik modern untuk pengembangan skalabel dan aman pada 2026.

---

Panduan lengkap setup Laravel 10 di 2026 dengan Vite, Breeze, Sanctum, serta best practice modern untuk pengembangan aplikasi web PHP Framework yang cepat dan aman.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend