Laravel 10'da Bootstrap 5'i nasıl kuracağınızı anlayabileceksiniz. Bootstrap kullanarak Laravel 10'da kimlik doğrulama işlemlerini gerçekleştirmeyi paylaşmak istiyorum.
Laravel, kimlik doğrulama işlemlerinin kolay bir adımını gerçekleştirmek için UI paketi sağlar. Laravel UI, giriş, kayıt, şifre sıfırlama, e-posta doğrulama ve şifre onayı gibi basit kimlik doğrulama özellikleri sunar ve bunları Bootstrap, React ve Vue kullanarak gerçekleştirir.
Bu örnekte, Bootstrap 5'in nasıl kurulacağı ve Laravel 10'da Bootstrap 5 kullanarak nasıl bir kimlik doğrulama yapılandırması oluşturulacağına dair basit adımlar paylaşacağım.
Öyleyse, aşağıdaki adımları takip edelim:
ADIM 1: Laravel 10 Kurulumu
İlk olarak, aşağıdaki komutu kullanarak yeni bir Laravel 10 uygulaması elde etmemiz gerekiyor. Terminali veya komut istemcisini açın ve aşağıdaki komutu çalıştırın:
composer create-project laravel/laravel example-app
ADIM 2: Laravel UI Kurulumu
Laravel UI paketini aşağıdaki komutla yükleyelim:
composer require laravel/ui
Sonrasında, Bootstrap 5 kullanarak kimlik doğrulama yapısı oluşturmak için Laravel UI paketini yüklememiz gerekiyor. Bunun için aşağıdaki komutları çalıştıralım:
php artisan ui bootstrap
OR
php artisan ui bootstrap --auth
Şimdi, npm paketlerini yüklemek için aşağıdaki komutu çalıştıralım:
npm install && npm run dev
Bu komut, CSS ve JS dosyalarını oluşturacak.
Son olarak, veritabanı tablolarını oluşturmak için aşağıdaki komutu çalıştıralım:
php artisan migrate
Laravel Uygulamasını Çalıştırma:
Gerekli adımlar tamamlandı, şimdi aşağıdaki komutu girin ve Laravel uygulamasını çalıştırın:
php artisan serve
Web tarayıcınızı açın ve aşağıdaki URL'yi girerek uygulama çıktısını görüntüleyin:
