News

Loading...

Community Links

Laravel Jobs

Latest News

Loading...

Latest Partners

Loading...

Partners

Loading...

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


Tutorial step‑by‑step ini menjelaskan cara menginstal Laravel 11 terbaru, mengkonfigurasi Vite, Breeze, Sanctum, serta menyiapkan lingkungan development optimal untuk proyek PHP Framework modern.

1. Prasyarat

  • PHP >= 8.3
  • Composer terbaru
  • Node.js >= 20 dan npm atau Yarn
  • Database MySQL/MariaDB atau PostgreSQL

2. Instalasi Laravel 11

composer create-project laravel/laravel my-app "^11.0"

Masuk ke direktori project:

cd my-app

3. Setup Vite (Asset Bundler)

Laravel 11 sudah mengintegrasikan Vite secara default. Pastikan vite.config.js ada dan install dependensi front‑end:

npm install
npm run dev

Jika menggunakan Yarn:

yarn install
yarn dev

4. Install Laravel Breeze (Starter Kit)

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

Perintah di atas menginstal Breeze dengan stack Vue 3. Untuk React atau Blade, sesuaikan flag‑nya.

npm install
npm run dev

Jalankan migrasi:

php artisan migrate

5. Konfigurasi Sanctum (API Authentication)

composer require laravel/sanctum

Publikasikan konfigurasi dan migrasi:

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

Tambahkan middleware EnsureFrontendRequestsAreStateful::class pada api guard di config/sanctum.php (default sudah di‑set).

Update app/Http/Kernel.php untuk menambahkan Sanctum middleware pada grup api:

\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,

6. Membuat Route API yang Terproteksi

Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
    return $request->user();
});

Gunakan token personal atau cookie‑based authentication sesuai kebutuhan.

7. Environment & Security Best Practices

  • Set APP_DEBUG=false pada produksi.
  • Gunakan APP_KEY yang di‑generate dengan php artisan key:generate.
  • Konfigurasi DB_CONNECTION, MAIL_*, dan CACHE_DRIVER di .env.
  • Aktifkan HTTPS dengan AppServiceProvider atau web server.
  • Gunakan LaravelOctane (opsional) untuk performa tinggi.

8. Deployment di Server Linux (NGINX)

# Install dependencies
sudo apt update && sudo apt install -y nginx php8.3-fpm php8.3-mbstring php8.3-xml php8.3-pgsql composer nodejs npm

# Clone repo
git clone https://github.com/username/my-app.git /var/www/my-app
cd /var/www/my-app
composer install --no-dev --optimize-autoloader
npm ci && npm run build

# Set permissions
sudo chown -R www-data:www-data /var/www/my-app
sudo chmod -R 775 storage bootstrap/cache

# Nginx site config (excerpt)
server {
    listen 80;
    server_name example.com;
    root /var/www/my-app/public;
    index index.php;
    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }
    location ~ \.php$ {
        include fastcgi_params;
        fastcgi_pass unix:/run/php/php8.3-fpm.sock;
        fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
        fastcgi_param DOCUMENT_ROOT $realpath_root;
    }
}

Reload Nginx dan pastikan .env berisi kredensial produksi.

9. Testing & Debugging

  • Jalankan php artisan test untuk unit & integration test.
  • Gunakan Laravel Telescope (dev) untuk inspeksi request.
  • Aktifkan debugbar hanya di lingkungan lokal.

10. Kesimpulan

Dengan mengikuti langkah‑langkah di atas, Anda memiliki proyek Laravel 11 yang siap untuk pengembangan modern, lengkap dengan Vite untuk asset bundling, Breeze untuk UI starter, dan Sanctum untuk API authentication. Terapkan best practice keamanan dan deployment untuk menjaga kestabilan aplikasi dalam produksi.


Laravel 11 menawarkan stack modern yang terintegrasi—Vite, Breeze, dan Sanctum—memudahkan developer PHP Framework untuk membangun aplikasi cepat, aman, dan scalable. Ikuti panduan ini, sesuaikan dengan kebutuhan tim, dan manfaatkan ekosistem Laravel yang terus berkembang di tahun 2026.
Tutorial lengkap instalasi Laravel 11 dengan Vite, Breeze, dan Sanctum. Langkah demi langkah setup modern, konfigurasi, contoh kode, dan best practice untuk developer PHP Framework di 2026.

Laravel,PHP Framework,Web Development

#Laravel #LaravelIndonesia #PHP #WebDev #Backend

Tidak ada komentar:

Posting Komentar

Most Read

Loading...

Tutorial

Loading...

Packages

Loading...