Pelajari cara menginstal dan mengkonfigurasi Laravel 11 terbaru menggunakan tool modern seperti Vite, Breeze, dan Sanctum. Ikuti langkah demi langkah yang akurat dan up to date pada tahun 2026.
1. Prasyarat
Pastikan sistem Anda memenuhi persyaratan berikut:
- PHP >= 8.2
- Composer terbaru
- Node.js >= 20.x dan npm atau Yarn
- Database MySQL/PostgreSQL/SQLite
2. Instalasi Laravel 11
2.1 Buat proyek baru
composer create-project laravel/laravel my-app "11.*"Perintah ini mengunduh Laravel 11 stabil bersama semua dependensi default.
2.2 Masuk ke direktori proyek
cd my-app3. Setup Frontend dengan Vite
3.1 Install dependensi Node
npm installLaravel 11 sudah mengkonfigurasi Vite secara default (vite.config.js). Pastikan vite dan laravel-vite-plugin ada di package.json.
3.2 Jalankan dev server
npm run devAnda akan melihat aplikasi berjalan di http://localhost:5173 dengan hot‑module replacement.
4. Instalasi Laravel Breeze (Starter Kit)
4.1 Tambahkan paket Breeze
composer require laravel/breeze --dev4.2 Publikasi scaffolding dengan Vite
php artisan breeze:install vuePilih vue atau react sesuai kebutuhan. Breeze akan men‑setup routes, controller, view blade, dan komponen Vue/React.
4.3 Install kembali dependensi frontend
npm install && npm run dev5. Autentikasi API dengan Laravel Sanctum
5.1 Install paket Sanctum
composer require laravel/sanctum5.2 Publikasikan konfigurasi & migrasi
php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
php artisan migrate5.3 Tambahkan middleware ke api guard
\App\Http\Kernel::class::class => [
// ...
\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
];Pastikan sanctum.stateful di config/sanctum.php mencakup domain frontend Anda.
5.4 Contoh endpoint login API
use Illuminate\Http\Request;
use App\Models\User;
use Laravel\Sanctum\PersonalAccessToken;
Route::post('/login', function (Request $request) {
$credentials = $request->validate([
'email' => ['required', 'email'],
'password' => ['required'],
]);
if (!Auth::attempt($credentials)) {
return response()->json(['message' => 'Invalid credentials'], 401);
}
$user = $request->user();
$token = $user->createToken('api-token')->plainTextToken;
return response()->json(['token' => $token]);
});6. Konfigurasi Environment
6.1 .env dasar
APP_NAME="Laravel"
APP_ENV=local
APP_KEY=base64:GENERATED_KEY_HERE
APP_DEBUG=true
APP_URL=http://localhost
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=root
DB_PASSWORD=
SANCTUM_STATEFUL_DOMAINS=localhost:5173
SESSION_DOMAIN=localhost
COOKIE_DOMAIN=localhost7. Best Practice Modern
- Gunakan PHPStan atau Psalm untuk static analysis.
- Cache konfigurasi dengan
php artisan config:cachedi produksi. - Gunakan queue driver (Redis) untuk email, event, dan job‑heavy tasks.
- Deploy dengan Laravel Octane (Swoole atau RoadRunner) untuk performa tinggi.
- Gunakan env‑specific Vite plugins untuk minifikasi dan code‑splitting.
8. Verifikasi Instalasi
Jalankan server built‑in Laravel dan pastikan semua komponen berfungsi:
php artisan serveBuka http://127.0.0.1:8000 – Anda akan melihat tampilan default Breeze. Coba endpoint API dengan token yang di‑generate untuk memastikan Sanctum berfungsi.
Dengan mengikuti langkah‑langkah di atas, Anda telah menyiapkan Laravel 11 lengkap dengan Vite, Breeze, dan Sanctum—kombinasi yang menjadi standar best practice modern pada 2026. Setup ini memberikan pengembangan frontend yang cepat, autentikasi API yang aman, serta fondasi yang siap untuk skala produksi menggunakan queue, cache, dan Octane.
Tutorial step-by-step setup Laravel 11 terbaru dengan Vite, Breeze, dan Sanctum. Ikuti panduan instalasi, konfigurasi, contoh kode, dan best practice modern untuk PHP Framework terkini.
Laravel,PHP Framework,Web Development
#Laravel #LaravelIndonesia #PHP #WebDev #Backend
.png)
