Tailwind 대신 Bootstrap 4를 사용하는 Laravel 8 인증
1) Tailwind CSS + 라이브와이어
2) Tailwind CSS + Inertia.js
이제 이 두 스택은 훌륭하고 아름답지만 개발자에게 익숙한 Bootstrap/jQuery 기반 스택과는 매우 다릅니다. 따라서 개발자가 Laravel의 인증 스캐폴딩을 사용하려는 경우 학습 곡선이 있습니다. Laravel은 더 이상 부트스트랩 기반 인증 스캐폴딩과 함께 제공되지 않기 때문에 안타깝습니다.
그러나 그것이 오픈 소스 세계의 아름다움입니다. 누구나 원하는 대로 이러한 시스템을 수정하거나 새로운 플러그인 또는 통합을 구축할 수 있습니다.
오늘은 새로운 라라벨 8 앱에서 부트스트랩 기반 인증 스캐폴딩을 계속 사용할 수 있는 방법에 대해 알아보겠습니다. 우리는 우리가 가장 좋아하는 Laravel/UI 패키지를 사용하여 오래된 부트스트랩 기반 인증 스캐폴딩을 다시 가져올 것입니다.
1) 라라벨 프로젝트 생성
If you have installed Laravel Installer (You can follow instructions from our ) then simply execute below command:
laravel new laravelauth
else, execute below command:
composer create-project laravel/laravel --prefer-dist laravelauth
then go to your project folder :
cd laravelauth
2) 라라벨/UI 설치
Laravel UI is an official package that offers basic Auth Scaffolding built on the Bootstrap CSS framework. Latest version of Laravel/UI supports Laravel 8 so we will use this package to import authentication pages, controllers, and other components.
Run below command:
composer require laravel/ui
3) 라라벨에 부트스트랩 설치
Laravel UI offers three options for Auth Scaffolding - 1) Bootstrap, 2) Vue and 3) React. So, we will install bootstrap for our case.
Run below command:
php artisan ui bootstrap --auth
You can observe that we have used —auth flag here. Without that flag, above command will only install bootstrap and basic scaffolding. The —auth flag installs login and registration scaffolding as well.
4) NPM 패키지 설치
We have configured bootstrap and other related dependancies in package.json in previous step, so now we will actually install it.
Before moving forward, make sure you have node installed in your system. You can check node version via below command:
# for node
node -v
# for npm
npm -v
Now, let's install the dependencies and compile our assets.
npm install && npm run dev
5) 데이터베이스 마이그레이션
First, we should configure our database settings. In your .env file located at the root of your project, udpate the database config as per your system. [If you don't find .env file, simply create new one and add the credentials as per the example below] :
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=homestead
DB_USERNAME=homestead
DB_PASSWORD=secret
Then, we will create database tables via migration by executing below command:
php artisan migrate
6) 개발 서버 실행
Finally, it's time to test your Laravel Application with Bootstrap based scaffolding. Sometimes, OLD IS GOLD.
php artisan serve
스크린샷:
이 기사가 도움이 되었기를 바랍니다. Bootstrap 대 Tailwind에는 확실한 승자가 없습니다. 선호도에 관한 것입니다. Laravel 8은 Livewire 또는 Inertia 스택과 함께 Tailwind를 선호하기 때문에 Bootstrap을 대신 사용하려는 개발자에게는 혼란스러울 수 있습니다. 따라서 다음 프로젝트 작업을 시작하십시오.
안녕!
더 많은 팁과 자습서를 보려면 join my newsletter
Reference
이 문제에 관하여(Tailwind 대신 Bootstrap 4를 사용하는 Laravel 8 인증), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/parthp1808/laravel-8-authentication-using-bootstrap-4-instead-of-tailwind-2kaj텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)