Tutorial step‑by‑step ini menjelaskan cara menginstal Laravel 11 terbaru, mengkonfigurasi Vite untuk asset bundling, menambahkan Breeze sebagai starter kit UI, serta mengamankan API dengan Sanctum.
1. Prasyarat
- PHP >= 8.3
- Composer 2.x
- Node.js >= 20 & npm
- Database MySQL/PostgreSQL
2. Instalasi Laravel 11
composer create-project laravel/laravel blog "11.*" --prefer-dist
cd blogPerintah di atas mengunduh Laravel versi stabil 11.x pada folder blog.
2.1. Verifikasi Instalasi
php artisan --versionOutput harus menampilkan Laravel Framework 11.x.
3. Setup Vite (Asset Bundler)
Laravel 11 sudah memakai Vite secara default, namun pastikan dependensi yang tepat ter‑install.
# Install Node dependencies
npm install
# Jalankan dev server
npm run devJika ingin produksi, gunakan npm run build. Vite akan menghasilkan berkas di public/build.
3.1. Konfigurasi tambahan (optional)
- Edit
vite.config.jsuntuk menambah alias:
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
export default defineConfig({
plugins: [laravel(['resources/js/app.js', 'resources/css/app.css'])],
resolve: {
alias: {
'@': '/resources/js',
},
},
});4. Instalasi Laravel Breeze
Breeze menyediakan scaffolding autentikasi berbasis Blade atau Inertia. Di sini kita pilih Blade.
composer require laravel/breeze --dev
php artisan breeze:install blade
npm install && npm run devJalankan migrasi untuk membuat tabel pengguna.
php artisan migrate4.1. Verifikasi UI
Buka http://localhost:8000/register dan /login untuk memastikan tampilan berhasil.
5. Instalasi Laravel Sanctum
Sanctum memudahkan otentikasi SPA atau API token.
composer require laravel/sanctum
php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
php artisan migrate5.1. Konfigurasi Middleware
Tambahkan EnsureFrontendRequestsAreStateful::class ke grup api di app/Http/Kernel.php:
'api' => [
\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
'throttle:api',
\Illuminate\Routing\Middleware\SubstituteBindings::class,
],5.2. Menggunakan Token Personal
// routes/api.php
use App\Models\User;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;
Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
return $request->user();
});
// Membuat token di controller
$token = $user->createToken('mobile-app')->plainTextToken;6. Best Practice Modern
- Environment Variables: Simpan kunci API, DB, dan Sanctum secret di
.env; jangan pernah commit. - Gunakan Model Factories & Seeders: Untuk testing dan CI, buat data dummy dengan
php artisan make:factory. - Cache Config & Routes: Pada produksi jalankan
php artisan config:cachedanphp artisan route:cachedemi performa. - Static Analysis: Tambahkan
phpstanataupintuntuk kode bersih. - Docker: Pertimbangkan containerisasi untuk konsistensi lingkungan dev‑prod.
7. Deploy ke Server Produksi
# Pull repository
git clone https://github.com/username/blog.git
cd blog
# Install PHP dependencies
composer install --optimize-autoloader --no-dev
# Install Node assets
npm ci && npm run build
# Set environment
cp .env.example .env
php artisan key:generate
php artisan migrate --force
# Optimizations
php artisan config:cache
php artisan route:cache
php artisan view:cache
# Restart queue & scheduler (if used)
supervisorctl restart all
Pastikan web server (Nginx/Apache) mengarahkan semua request ke public/index.php dan folder storage serta bootstrap/cache memiliki izin write.
Dengan mengikuti langkah‑langkah di atas, Anda memiliki proyek Laravel 11 yang modern: Vite untuk asset bundling, Breeze untuk UI autentikasi cepat, dan Sanctum untuk keamanan API. Kombinasi ini mencerminkan best practice 2026, memudahkan pengembangan cepat sekaligus menjaga performa dan keamanan produksi.
Tutorial lengkap instalasi Laravel 11 dengan Vite, Breeze, dan Sanctum 2026. Ikuti step‑by‑step setup, konfigurasi, contoh kode, dan best practice modern untuk proyek PHP Framework terbaik.
Laravel,PHP Framework,Web Development
#Laravel #LaravelIndonesia #PHP #WebDev #Backend
.png)
