Ikuti tutorial step‑by‑step ini untuk menginstal Laravel 11 terbaru, mengonfigurasi Vite, menambahkan Breeze, mengamankan API dengan Sanctum, serta menerapkan best practice modern untuk proyek PHP Framework yang siap produksi.
1. Persiapan Lingkungan
Pastikan sistem Anda memiliki:
- PHP >= 8.2
- Composer 2.x
- Node.js >= 20 & npm atau Yarn
- Database (MySQL 8+, PostgreSQL, atau SQLite)
1.1. Instalasi Composer dan Laravel Installer
composer global require laravel/installer
Tambahkan ~/.composer/vendor/bin (atau ~/.config/composer/vendor/bin) ke PATH Anda.
2. Membuat Proyek Laravel 11 Baru
laravel new blog --jetstream=livewire --stack=vite
# atau menggunakan Composer
composer create-project laravel/laravel blog "11.*" --prefer-dist
Perintah di atas akan menyiapkan Laravel 11 dengan Vite sebagai bundler asset.
3. Mengonfigurasi Vite
Laravel 11 sudah menyertakan vite.config.js. Pastikan package.json berisi script berikut:
{
"scripts": {
"dev": "vite",
"build": "vite build"
}
}
Instal dependensi front‑end:
npm install
# atau yarn
yarn
Jalankan dev server:
npm run dev
4. Menambahkan Laravel Breeze (opsional)
Breeze menyediakan scaffolding autentikasi ringan dengan Blade atau Inertia. Di contoh ini kita pakai Blade.
composer require laravel/breeze --dev
php artisan breeze:install blade
npm run dev
php artisan migrate
Setelah itu Anda dapat mengakses /login dan /register yang sudah ter‑style.
5. Menyiapkan Laravel Sanctum untuk API Authentication
5.1. Instalasi Sanctum
composer require laravel/sanctum
php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
php artisan migrate
5.2. Konfigurasi Middleware
Tambahkan EnsureFrontendRequestsAreStateful::class ke grup api di app/Http/Kernel.php:
\App\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
5.3. Membuat Route API yang Dilindungi
// routes/api.php
use App\Http\Controllers\API\PostController;
Route::middleware('auth:sanctum')->group(function () {
Route::apiResource('posts', PostController::class);
});
5.4. Front‑end (Vue 3) Contoh Request
import axios from 'axios';
axios.get('/sanctum/csrf-cookie').then(() => {
axios.get('/api/posts').then(response => console.log(response.data));
});
6. Best Practice Modern
- Environment Variables: Simpan rahasia di
.envdan gunakanconfig:cacheuntuk produksi. - Cache Config & Routes:
php artisan config:cache&php artisan route:cache. - Database Migrations & Seeds: Versioning skema dengan
php artisan migrate --forcepada CI/CD. - Testing: Tulis Feature Test dengan
PestatauPHPUnituntuk memastikan API Sanctum bekerja. - Static Analysis: Integrasikan
phpstan&larastanuntuk tipe‑checking. - Docker: Gunakan Laravel Sail atau Docker Compose untuk lingkungan yang konsisten.
7. Deploy ke Production
- Build assets:
npm run build - Set
APP_ENV=productiondanAPP_DEBUG=false - Cache konfigurasi & route.
- Jalankan migrasi:
php artisan migrate --force - Gunakan queue worker:
php artisan queue:work --daemon
Dengan mengikuti langkah‑langkah di atas, proyek Laravel 11 Anda akan siap dengan stack modern, aman, dan mudah dipelihara.
Setup Laravel 11 dengan Vite, Breeze, dan Sanctum memberikan fondasi yang kuat untuk aplikasi web modern. Dengan mengikuti best practice seperti caching, testing, dan containerization, Anda dapat mempercepat development sekaligus menjaga keamanan serta performa di produksi.
Tutorial lengkap setup Laravel 11 terbaru dengan Vite, Breeze, Sanctum, dan best practice modern untuk pengembangan web dengan PHP Framework terbaik.
Laravel,PHP Framework,Web Development
#Laravel #LaravelIndonesia #PHP #WebDev #Backend