Disini saya akan menjelaskan bagaimana caranya memasang stater kit Jetstream sebagai starter kit resmi Laravel untuk membangun sistem autentikasi dan manajemen pengguna (Users).

Mengapa perlu menggunakan Jetstream, dikarenakan Jetsream:

1. 1. Lengkap: fitur bawaan sudah mencakup kebutuhan aplikasi modern, jauh lebih komprehensif daripada Breeze.
2. 2. Keamanan lebih baik: mendukung 2FA, session control, dan manajemen token.
3. 3. Fleksibel: bisa dipakai untuk aplikasi sederhana hingga kompleks, dengan pilihan UI (Livewire atau Inertia.js).
4. 4. Produktif: developer tidak perlu membangun fitur umum seperti session management atau team system dari nol.
5. 5. Integrasi API mudah: Sanctum membuat aplikasi Laravel lebih siap jika nanti perlu dihubungkan dengan mobile app atau layanan eksternal.

Pengertian Jetstream

Laravel Jetstream adalah starter kit resmi Laravel untuk membangun sistem autentikasi dan manajemen pengguna (Users). Jetstream menyediakan fondasi lengkap bagi aplikasi multi-user, sehingga developer tidak hanya mendapat fitur login dasar, tetapi juga fitur keamanan, pengelolaan profil, hingga tim. Jetstream menggunakan Laravel Sanctum untuk autentikasi API, TailwindCSS untuk desain, serta menawarkan dua pendekatan UI interaktif: Livewire (Blade + PHP) atau Inertia.js (Vue/React + Laravel).

Fitur yang Diberikan

1. Authentication dasar: memberikan fitur berupa login, register, reset password, email verification, remember me.
2. Profile management: menyediakan fitur untuk ubah nama, email, dan foto profil.
3. Two-Factor Authentication (2FA): menyediakan kemanan dengan 2FA dan dapat menambah keamanan akun dengan OTP (Google Authenticator atau sejenisnya).
4. Session management: menyediakan fitur dimana user bisa melihat daftar perangkat aktif dan logout dari perangkat lain.
5. Team management (opsional): membuat tim, mengundang anggota, serta mengatur role/permissions.
6. API tokens dengan Sanctum: memungkinkan user menghasilkan token pribadi untuk mengakses API.

Keunggulan

• Lengkap: fitur bawaan sudah mencakup kebutuhan aplikasi modern, jauh lebih komprehensif daripada Breeze.
• Keamanan lebih baik: mendukung 2FA, session control, dan manajemen token.
• Fleksibel: bisa dipakai untuk aplikasi sederhana hingga kompleks, dengan pilihan UI (Livewire atau Inertia.js).
• Produktif: developer tidak perlu membangun fitur umum seperti session management atau team system dari nol.
• Integrasi API mudah: Sanctum membuat aplikasi Laravel lebih siap jika nanti perlu dihubungkan dengan mobile app atau layanan eksternal.

 

Hal yang dibutuhkan:

1.      PHP 8+

2.      Composer

3.      Framework Laravel

4.      NPM

Langkah-langkah:

1.      Penulis anggap, pembaca telah mengkonfigurasi dan menginstall hal yang dibutuhkan serta mempersiapkan projek laravel yang akan diinstall jestream dengan command dibawah ini.

 

composer create-project laravel/laravel nama-projek

 

2.      Setelah berhasil didownload, masuk ke folder projek laravel Anda, lalu install package jetstream dengan packet manager composer dengan perintah sebagai berikut.

 

composer require laravel/jetstream

 

3.       Selanjutnya install jetstream dengan stack livewire, lalu piih blade sebagai rekomendasi template engine yang biasa digunakan.

 

php artisan jetstream:install livewire

 

4.      Lalu kita install library dependency untuk tampilan (front end) dengan menggunakan command npm di terminal sebagai berikut.

 

npm install

5.     Buka file .env untuk mengubah konfigurasi
Buka file .env untuk mengubah konfigurasi

 

6.  Ubah konfigurasi database disesuaikan dengan konfigurasi kalian masing-masing.

 

7.      Kemudian jalankan command di terminal untuk melakukan migrasi konfgurasi default tabel database.

php artisan migrate

8. setelah selesai, maka konfigurasi default tabel akan masuk ke dalam database yang telah dibuat.

 

9.      Kemudian jalankan dependency front end menggunakan command npm.

 

npm run dev

 

10.  Lalu buka terminal baru untuk menjalankan laravel dengan command

 

php artisan serve

 

11.  Kemudian buka localhost:8000 yang sedang berjalan, kemudian tulis route “/login”, maka tampilan seperti dibawah ini.

 

 

 

12.  Proses installansi jetstream telah selesai, selanjutnya bisa disarankan untuk mengkonfigurasi agar hanya 1 device saja yang bisa login atau akan otomatis keluar setelah tidak ada lagi tindakan.

 

Perbandingan stater kit breeze dengan jeststream

 

Fitur	Breeze	Jetstream
Login, register, reset pass	✅	✅
Template TailwindCSS	✅	✅
Email verification	✅	✅
Two-Factor Authentication	❌	✅
Session management	❌	✅
Profile management	❌	✅
API token via Sanctum	❌	✅
Team management	❌	✅
UI interaktif (Livewire/Inertia)	❌	✅