Bu basit makale laravel 10 bootstrap 5 kurulumunu göstermektedir.
Laravel 10 bootstrap auth yapısı hakkında tartışalım. Laravel 10’da bootstrap 5 kurulumunun bir kavramını anlayabilirsiniz. Sizlerle bootstrap kullanarak laravel 10 kimlik doğrulama yapısını paylaşmak istiyorum.
Auth yapısı için Laravel UI paketi.
Laravel UI, bootstrap, react ve vue kullanarak giriş, kayıt, şifre sıfırlama, e-posta doğrulama ve şifre onayı gibi basit kimlik doğrulama özellikleri sağlar.
Bu eğitimde, bootstrap 5’in nasıl kurulacağı ve laravel 10 sürümünde bootstrap 5 kullanarak auth yapısını nasıl oluşturulacağı hakkında basit adımlar vereceğim.
Öyleyse, aşağıdaki adımları takip edelim:
Laravel 10′ u Kuralım
Her şeyden önce, aşağıdaki komutu kullanarak yeni bir Laravel 10 sürümü uygulaması kurmamız gerekiyor, bu yüzden terminalinizi açın ve aşağıdaki komutu çalıştırın:
composer create-project laravel/laravel example-app
Laravel UI kuralım
Laravel ui paketini yüklemek için aşağıdaki komutu çalıştıralım:
composer require laravel/ui
Daha sonra, bootstrap 5 kullanarak auth yapısını oluşturmak için laravel UI paket komutunu yüklemeniz gerekir.
Bu yüzden aşağıdaki komutu çalıştıralım:
php artisan ui bootstrap
VEYA
php artisan ui bootstrap --auth
Şimdi npm kurulumu için aşağıdaki komutu çalıştıralım:
npm install && npm run dev CSS ve js min dosyaları oluşturacaktır.
Daha sonra migration komutunu çalıştırın:
php artisan migrateLaravel Uygulamasını Çalıştırın:
Gerekli tüm adımlar tamamlandı, şimdi Laravel uygulamasını çalıştırmak için aşağıda verilen komutu yazmanız ve enter tuşuna basmanız gerekiyor:
php artisan serveŞimdi, web tarayıcınıza gidin, verilen URL’yi yazın ve uygulama çıktısını görüntüleyin:
http://localhost:8000/Sonuç
Ana Sayfa:
Üye Giriş Sayfası:
Üye Kayıt Sayfası:
Kontrol sayfası:
Blade dosyanızda bootstrap 5’i aşağıdaki gibi kullanabilirsiniz:
<!doctype html>
<html>
<head>
<!-- Scripts -->
@vite(['resources/sass/app.scss', 'resources/js/app.js'])
</head>
<body>
<h1>Bu Bilisim34.com'dan bir örnektir</h1>
</body>
</html>
