Laravel 10 Bootstrap Kimlik Doğrulama İskeleti

L

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:

http://localhost:8000/

By Aydın Yağız

Aydın Yağız

Teknolojiye olan tutkumla inovasyonu destekler, kullanıcı deneyimini önceliklerim arasına alırım. Kendi yeteneklerimi ve bilgilerimi paylaşarak, daha geniş bir topluluğun faydalanmasını sağlarım. İş birliği içinde hareket ederek, geleceğin teknoloji dünyasına katkıda bulunmayı hedeflerim. Sizi de bu heyecan verici yolculuğa davet ediyor, fikirlerinizi paylaşmaya ve teknolojiye dair sınırları zorlamaya teşvik ediyorum. Birlikte büyüyelim ve yeni ufuklara açılalım!

İletişime Geçin

Kodlama dünyasına adım atın ve deneyimlerinizi paylaşın. Siz de bu aktif topluluğa katılarak yeni bağlantılar kurun, fikir alışverişinde bulunun ve bilgi birikiminizi artırın.

Özelleştir

Farklı yazı tipleri ve renk seçenekleriyle stilinizi kişiselleştirin. Aşağıdaki örneklerden birini deneyerek sizin için en uygun olanı seçin.

Yazı Tipi Örnekleri

Renk Örnekleri