Tutorial step‑by‑step untuk menginstal Laravel 11, mengkonfigurasi Vite, Breeze, Sanctum, serta rekomendasi best practice agar aplikasi siap produksi pada tahun 2026.
1. Prasyarat
a. PHP & Composer
Pastikan PHP >= 8.2 dan Composer terbaru terpasang:
php -v
composer -V
b. Node.js & npm/Yarn
Install Node.js 20.x atau lebih baru:
node -v
npm -v
2. Instalasi Laravel 11
a. Buat proyek baru
composer create-project laravel/laravel blog --prefer-dist "^11.0"
b. Masuk ke direktori
cd blog
3. Konfigurasi Vite (frontend bundler default Laravel 11)
a. Install dependencies
npm install
b. Sesuaikan vite.config.ts
Tambahkan alias dan enable React/Vue bila diperlukan:
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
export default defineConfig({
plugins: [laravel(['resources/css/app.css', 'resources/js/app.js'])],
resolve: {
alias: {
'@': '/resources/js',
},
},
});c. Build & watch
npm run dev // untuk development npm run build // untuk production
4. Instalasi Laravel Breeze (authentication starter)
a. Tambahkan package
composer require laravel/breeze --dev
b. Install scaffold
php artisan breeze:install vue
Gunakan blade, react, atau vue sesuai kebutuhan.
c. Compile assets
npm install && npm run dev
5. Setup Laravel Sanctum (API token & SPA authentication)
a. Install package
composer require laravel/sanctum
b. Publish konfigurasi & migrasi
php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider" php artisan migrate
c. Tambahkan middleware
Di app/Http/Kernel.php tambahkan pada api stack:
'api' => [
\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
'throttle:api',
\Illuminate\Routing\Middleware\SubstituteBindings::class,
],d. Contoh route API
use App\Http\Controllers\API\UserController;
Route::middleware('auth:sanctum')->get('/user', [UserController::class, 'profile']);6. .env & konfigurasi production
a. Cache konfigurasi & route
php artisan config:cache php artisan route:cache php artisan view:cache
b. Optimasi autoloader
composer install --optimize-autoloader --no-dev
c. Set APP_ENV=production dan APP_DEBUG=false
APP_ENV=production
APP_DEBUG=false
7. Best Practice Modern (2026)
- Gunakan PHPStan atau Psalm untuk static analysis.
- Set up Laravel Pint sebagai kode formatter.
- Dockerize dengan multi‑stage build untuk PHP & Node.
- Gunakan Horizon jika memakai queues.
- Aktifkan rate limiting pada API dengan
ThrottleRequests. - Audit security secara rutin menggunakan
laravel/security-checker.
Dengan mengikuti langkah‑langkah di atas, Anda kini memiliki proyek Laravel 11 yang di‑setup secara modern: Vite untuk asset bundling, Breeze untuk UI starter, Sanctum untuk API yang aman, serta best practice yang siap menghadapi beban produksi pada tahun 2026.
Tutorial step‑by‑step setup Laravel 11 dengan Vite, Breeze, Sanctum, dan best practice modern untuk pengembangan web 2026.
Laravel,PHP Framework,Web Development
#Laravel #LaravelIndonesia #PHP #WebDev #Backend
.png)
