0
949
ViewsHow to properly start Laravel 8 with Bootstrap & authentication
I face the following image every time I want to start a new Laravel 8 project with authentication routes set up using the laravel/ui package and Bootstrap scaffolding.
Meaning that the Bootstrap is not yet loading up! Therefore, I have to re-run php artisan UI bootstrap & npm install && npm run dev to correctly set them up.
Here are the steps that I use for creating a new Laravel 8 project:
Install LARAVEL: laravel new [yourprojectname]
Install LARAVEL UI Package: composer require laravel/ui
Generate UI Bootstrap: php artisan ui bootstrap
Generate Auth Scaffolding: php artisan ui bootstrap --auth
Install NPM Dependencies: npm install && npm run dev
Running LARAVEL: php artisan serve
But now I want to get this thing straight in my head so I won't have to re-run the codes anymore. I mean, what are the correct step-by-step commands for running to have a complete and ready project?
4 answers
Answer question0
The steps are correct. For every new Laravel 8.x project that will include Bootstrap and auth scaffolding, you want to run the following.
composer require laravel/ui
php artisan ui bootstrap
php artisan ui bootstrap --auth
npm install && npm run dev
Make a note of the generated /resources/views/layouts/app.blade.php. You will want to include this in all of your views.
@extends('layouts.app')
0
you can pass the bootstrap css link in your layouts/app.blade.php then bootstrap will be called in every referenced page that Extends('layouts.app')
0
Install the latest laravel project using this command: laravel new (project_name)
Install ui package of laravel through composer : Composer require laravel/ui
After installing ui package Please install ui bootstrap
php artisan ui bootstrapater this command run a command for bootstrap authphp artisan ui bootstrap --authAt the end run a command
npm install && npm run devornpm installandnpm run devnow you are complete your authentication system with laravelRun the command php artisan serve
0
Open your windows powershell or cmd do these step:
Step-1: Create your laravel app by entering in your cmd or powershell,
composer create-project laravel/laravel [yourapp name]
after creating app, enter php artisan serve to run this app in browser.
After running complete....... Now, this is how i solve my problem, first close the present tab of powershell or cmd (doesn't matter if app have been running) and reopen powershell or cmd. This time do these: (During these steps don't try to run your app or PHP artisan serve)
Step-2: Install laravel ui by entering :
composer require laravel/ui
Step-3: Generate Bootstrap ui by entering :
php artisan ui bootstrap
Step-4: install npm by entering:
npm install
Step-5: if npm installation finished, enter:
npm run dev
Step-6: now install Auth Scaffolding by entering:
php artisan ui bootstrap --auth
Step-7: again install npm by entering:
npm install
Step-8: again, enter:
npm run dev
After finishing Step-8, test and run your app: php artisan serve