Panduan lengkap langkah demi langkah untuk menginstal Laravel 11 terbaru, mengintegrasikan Vite, Laravel Breeze, serta Sanctum dengan konfigurasi keamanan dan performa optimal sesuai standar 2026.
1. Prasyarat
- PHP >= 8.3
- Composer 2.7+
- Node.js >= 20 (LTS)
- Database MySQL 8.0 atau PostgreSQL 15
2. Instalasi Laravel 11
composer create-project laravel/laravel blog "11.*" --prefer-dist
cd blogPerintah ini mengunduh kerangka Laravel 11 stabil terbaru.
3. Setup Vite (frontend bundler default)
Laravel 11 sudah men-ship Vite, cukup install dependencies:
npm install
npm run devJika ingin mengubah konfigurasi, edit vite.config.js – contoh menambahkan alias @/components:
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
export default defineConfig({
plugins: [laravel({
input: ['resources/css/app.css', 'resources/js/app.js'],
refresh: true,
})],
resolve: {
alias: {
'@/components': '/resources/js/components',
},
},
});4. Instalasi Laravel Breeze (starter kit)
composer require laravel/breeze --dev
php artisan breeze:install vue
npm install && npm run devBreeze menyediakan autentikasi dasar dengan Vue 3, TailwindCSS, dan Vite. Pilihan react atau blade dapat disesuaikan.
5. Konfigurasi Sanctum untuk API Token
composer require laravel/sanctum
php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
php artisan migrateTambahkan middleware ke api guard di app/Http/Kernel.php:
'api' => [
\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
'throttle:api',
\Illuminate\Routing\Middleware\SubstituteBindings::class,
],5.1. Membuat Personal Access Token
// routes/api.php
use App\Models\User;
use Illuminate\Http\Request;
Route::post('/tokens/create', function (Request $request) {
$request->user()->tokens()->delete(); // optional: revoking old tokens
$token = $request->user()->createToken('mobile-app');
return ['token' => $token->plainTextToken];
})->middleware('auth:sanctum');5.2. Menggunakan Token di Frontend
import axios from 'axios';
const api = axios.create({
baseURL: '/api',
headers: { Authorization: `Bearer ${localStorage.getItem('token')}` },
});
api.get('/user').then(res => console.log(res.data));6. Konfigurasi Environment
# .env
APP_NAME="Laravel"
APP_ENV=local
APP_KEY=base64:****************
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,127.0.0.1
SESSION_DOMAIN=localhost
VITE_APP_NAME="Laravel 11"7. Best Practice 2026
- Cache Config & Routes: jalankan
php artisan config:cachedanphp artisan route:cachedi production. - Queue & Jobs: gunakan Redis sebagai driver queue, contoh:
QUEUE_CONNECTION=redis. - Testing: Laravel 11 mendukung Pest & PHPUnit 11. Contoh test auth dengan Sanctum.
- Static Analysis: integrasikan PHPStan level max dan Laravel Pint untuk coding standards.
- Deploy: gunakan Laravel Octane (Swoole) untuk performa tinggi; konfigurasi
php artisan octane:start --watchdi staging.
8. Deploy ke Server Linux (Ubuntu 24.04)
- Clone repo,
git pull - Install dependencies:
composer install --optimize-autoloader --no-dev - Install npm prod:
npm ci && npm run build - Set permission:
chown -R www-data:www-data storage bootstrap/cache - Configure
.envproduction, generate key:php artisan key:generate - Run migrations & cache:
php artisan migrate --force && php artisan config:cache && php artisan route:cache - Start Octane atau php-fpm.
Dengan langkah di atas aplikasi Laravel 11 siap melayani traffic modern dengan Vite, Breeze UI, dan Sanctum API yang aman.
Laravel 11 menawarkan stack modern yang terintegrasi: Vite untuk asset bundling, Breeze sebagai starter kit ringan, serta Sanctum untuk autentikasi API stateless. Mengikuti langkah instalasi, konfigurasi environment, serta best practice seperti caching, queue, dan Octane akan memastikan aplikasi Anda performant, aman, dan siap skala di tahun 2026.
Tutorial lengkap setup Laravel 11 dengan Vite, Breeze, dan Sanctum. Panduan step-by-step, konfigurasi, contoh kode, dan best practice modern untuk web development 2026.
Laravel,PHP Framework,Web Development
#Laravel #LaravelIndonesia #PHP #WebDev #Backend
.png)
