Bu örnekte, Laravel 10'da Vue JS'i nasıl kullanacağınızı göstereceğim. Laravel 10 Vue kimlik doğrulama iskeleti hakkında size bilgi vereceğim.

Laravel, kimlik doğrulama iskeletinin kolay adımlarını sunmak için Laravel UI paketini sağlar. Laravel UI, giriş, kayıt, parola sıfırlama, e-posta doğrulama ve parola onaylama gibi basit kimlik doğrulama özellikleri sunar. Bu özellikleri bootstrap, react ve vue kullanarak sağlar.

Bu örnekte, Vue JS'i nasıl kuracağınızı ve Laravel 10 sürümünde Vue kullanarak kimlik doğrulama iskeleti nasıl oluşturacağınızı basit adımlarla açıklayacağım.

Şimdi, aşağıdaki adımları takip edelim:

ADIM 1: Laravel 10'u Yükleyin

İlk olarak, aşağıdaki komutu kullanarak yeni bir Laravel 10 uygulaması edinmemiz gerekiyor. Terminalinizi veya komut isteminizi açın ve aşağıdaki komutu çalıştırın:

composer create-project laravel/laravel example-app

ADIM 2: Laravel UI'yı Yükleyin 

Laravel UI paketini aşağıdaki komutu kullanarak yükleyelim:

composer require laravel/ui

Sonraki adım, Vue kullanarak kimlik doğrulama yapısı oluşturmak için Laravel UI paketini yüklemenizdir. Aşağıdaki komutları çalıştıralım:

php artisan ui vue
  
OR
  
php artisan ui vue --auth

Ardından npm'i yüklemek için aşağıdaki komutu çalıştıralım:

npm install && npm run dev

Bu komutlar, CSS ve JavaScript dosyalarınızı derleyecek ve minify (en küçük boyutlu hale getirilmiş) dosyaları oluşturacaktır.

Sonraki adım, veritabanı tablolarını oluşturmak için migration komutunu çalıştırmaktır:

php artisan migrate

Tüm gerekli adımlar tamamlandıktan sonra Laravel uygulamasını çalıştırmak için aşağıdaki komutu kullanmanız gerekmektedir:

php artisan serve

Web tarayıcınızı açın ve aşağıdaki URL'yi girerek uygulamanın çıktısını görüntüleyebilirsiniz:

http://localhost:8000/