Ikuti tutorial step‑by‑step untuk menginstal Laravel 11 terbaru, mengonfigurasi Vite, Breeze, Sanctum, serta praktik terbaik yang memaksimalkan performa dan keamanan aplikasi PHP Anda.
1. Persiapan Lingkungan
Pastikan sistem Anda sudah terpasang:
- PHP >= 8.2
- Composer 2.x
- Node.js >= 20
- Database (MySQL, PostgreSQL, atau SQLite)
1.1. Instalasi Composer dan Node
curl -sS https://getcomposer.org/installer | php
npm install -g npm@latest2. Membuat Project Laravel 11
composer create-project laravel/laravel blog "11.*" --prefer-dist
cd blogPerintah di atas membuat folder blog dengan Laravel 11 stabil.
3. Mengatur Frontend dengan Vite
Laravel 11 sudah menyertakan Vite secara default. Pastikan vite.config.js ada dan berisi konfigurasi dasar.
3.1. Install Dependensi Frontend
npm install
npm run devPerintah npm run dev akan menyalakan dev server Vite pada http://localhost:5173.
3.2. Memanggil Asset di Blade
<!-- resources/views/welcome.blade.php -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Laravel 11</title>
@vite('resources/css/app.css')
@vite('resources/js/app.js')
</head>
<body>
<h1 class="text-2xl">Selamat datang di Laravel 11!</h1>
</body>
</html>4. Menambahkan Authentication Starter Kit dengan Breeze
4.1. Install Breeze
composer require laravel/breeze --dev
php artisan breeze:install vue
npm install && npm run devPilih vue, react, atau blade sesuai kebutuhan. Contoh di atas menggunakan Vue.
4.2. Migrasi Database
php artisan migrateIni akan membuat tabel users, password_resets, dll.
5. Mengamankan API dengan Laravel Sanctum
5.1. Install Sanctum
composer require laravel/sanctum
php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
php artisan migrate5.2. Konfigurasi Middleware
Tambahkan EnsureFrontendRequestsAreStateful::class ke api middleware group di app/Http/Kernel.php:
\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,5.3. Contoh Endpoint API
// routes/api.php
use AppHttpControllersAPI\UserController;
Route::middleware('auth:sanctum')->get('/user', [UserController::class, 'show']);5.4. Request Token dari Frontend
import axios from 'axios';
axios.post('/login', {email, password})
.then(response => {
const token = response.data.token;
axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
});6. Best Practice Modern
- Environment Variables: Simpan semua credential di
.envdan jangan pernah commit file ini. - Database Seeds & Factories: Gunakan
php artisan make:factorydanphp artisan db:seeduntuk data dummy. - Testing: Tulis Feature Test dengan
PestatauPHPUnit. Contoh:php artisan test. - Code Formatting: Pasang
Laravel Pintdan integrasikan dengan pre‑commit hook. - Cache Config & Routes: Pada produksi jalankan
php artisan config:cachedanphp artisan route:cache. - Docker (Opsional): Buat file
docker-compose.ymluntuk environment konsisten.
7. Deploy ke Production
- Upload kode ke server (Git, FTP, atau CI/CD).
- Jalankan
composer install --optimize-autoloader --no-dev. - Setel
APP_ENV=productiondanAPP_DEBUG=falsedi.env. - Build asset:
npm ci && npm run build. - Cache konfigurasi:
php artisan config:cache,php artisan route:cache,php artisan view:cache. - Restart queue & scheduler jika menggunakan.
Dengan mengikuti langkah‑langkah di atas, Anda memiliki fondasi Laravel 11 yang modern, cepat, dan aman. Vite mempercepat proses front‑end, Breeze memberikan starter kit otentikasi ringan, dan Sanctum melindungi API Anda. Terapkan best practice seperti caching, testing, dan environment yang terisolasi untuk memastikan aplikasi siap produksi dan mudah dipelihara.
Tutorial step‑by‑step setup Laravel 11 dengan Vite, Breeze, Sanctum, serta best practice modern untuk pengembangan web PHP framework yang cepat dan aman.
Laravel,PHP Framework,Web Development
#Laravel #LaravelIndonesia #PHP #WebDev #Backend
.png)
Tidak ada komentar:
Posting Komentar