Panduan Lengkap Setup Laravel 11 dengan Best Practice Modern (Vite, Breeze, Sanctum)

Pelajari cara menginstal Laravel 11 terbaru, mengonfigurasi Vite, Breeze, dan Sanctum secara step‑by‑step untuk proyek PHP Framework modern.

1. Persyaratan Sistem

• PHP >= 8.2
• Composer 2.x
• Node.js >= 20 (npm atau Yarn)
• Database MySQL atau PostgreSQL

2. Instalasi Laravel 11

composer create-project laravel/laravel my-app "11.*"

Masuk ke direktori proyek:

cd my-app

3. Setup Frontend dengan Vite

Laravel 11 sudah menyertakan Vite secara default. Pastikan dependency terinstall:

npm install

Jalankan dev server:

npm run dev

Jika ingin produksi, build assets:

npm run build

4. Instalasi Laravel Breeze (Starter Kit)

composer require laravel/breeze --dev
php artisan breeze:install vue

Perintah di atas menginstall Breeze dengan stack Vue 3 + Vite. Untuk React atau Blade, ganti parameter.

npm install && npm run dev

5. Konfigurasi Sanctum untuk API Authentication

composer require laravel/sanctum

Publikasikan konfigurasi dan migrasi:

php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
php artisan migrate

Tambahkan middleware pada api guard di app/Http/Kernel.php:

'api' => [
    \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
    'throttle:api',
    \Illuminate\Routing\Middleware\SubstituteBindings::class,
],

5.1. Membuat Token Personal Access

// contoh di controller
public function createToken(Request $request)
{
    $user = User::where('email', $request->email)->first();
    $token = $user->createToken('api-token')->plainTextToken;
    return response()->json(['token' => $token]);
}

6. .env Configuration

APP_NAME="Laravel"
APP_ENV=local
APP_KEY=base64:GENERATED_KEY
APP_DEBUG=true
APP_URL=http://localhost

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_database
DB_USERNAME=root
DB_PASSWORD=

SANCTUM_STATEFUL_DOMAINS=localhost,127.0.0.1
SESSION_DOMAIN=localhost

7. Contoh Penggunaan API dengan Sanctum

// routes/api.php
use AppHttpControllersApiAuthController;

Route::post('/login', [AuthController::class, 'login']);
Route::middleware('auth:sanctum')->group(function () {
    Route::get('/user', function (Request $request) {
        return $request->user();
    });
});

8. Best Practice

• Gunakan php artisan config:cache & php artisan route:cache untuk produksi.
• Simpan APP_KEY dan SANCTUM_STATEFUL_DOMAINS di environment yang aman.
• Manfaatkan fitur lazy loading pada Eloquent untuk mengurangi query.
• Selalu jalankan linting npm run lint dan php artisan test sebelum merge.

9. Deploy ke Server

1. Upload seluruh kode ke server (Git, FTP, atau CI/CD).
2. Jalankan composer install --no-dev --optimize-autoloader.
3. Set environment production di .env (APP_ENV=production, APP_DEBUG=false).
4. Build assets: npm ci && npm run build.
5. Migrate database: php artisan migrate --force.
6. Cache konfigurasi & route.

Dengan mengikuti langkah‑langkah di atas, Anda memiliki proyek Laravel 11 yang terstruktur dengan Vite, Breeze, dan Sanctum—kombinasi modern untuk pengembangan full‑stack aplikasi web yang cepat, aman, dan mudah dipelihara.

---

Tutorial lengkap setup Laravel 11 dengan Vite, Breeze, dan Sanctum. Ikuti langkah instalasi, konfigurasi, contoh kode, dan best practice untuk proyek PHP Framework modern.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend