DEV Community

Emmanuel Larbi
Emmanuel Larbi

Posted on

Bootstrap 5 Auth Scaffolding - Laravel 9

#laravel #webdev #programming #tutorial

header

Hola Devs, are you thinking of adding authentication to your Laravel project and having a tough time going about it. Don't worry about that anymore, let's create that bootstrap auth scaffold in a few minutes in our project. Just follow along and you are good to go.

You need to have the latest version of node installed for this turtorial to be a success

Create a Laravel 9 project. 



composer create-project laravel/laravel authScaffold
Enter fullscreen mode Exit fullscreen mode

create project

Navigate to the directory 



cd authScaffold
Enter fullscreen mode Exit fullscreen mode

cd

Create a database and set it up in .env file

create database

env

env

Install Laravel ui 



composer require laravel/ui
Enter fullscreen mode Exit fullscreen mode

laravel ui

Install Bootstrap Auth Scaffolding 



php artisan ui bootstrap --auth
Enter fullscreen mode Exit fullscreen mode

auth ui

Install and build npm 



npm install && npm run dev

npm run build
Enter fullscreen mode Exit fullscreen mode

install and dev

run build

Make a migration 



php artisan migrate
Enter fullscreen mode Exit fullscreen mode

migration

Start local server 



php artisan serve
Enter fullscreen mode Exit fullscreen mode

run server




http://localhost:8000/
Enter fullscreen mode Exit fullscreen mode




Preview

Home Page

Home Page

Log in Page

Log in Page

Register Page

Register Page

Top comments (0)

Read next

mitchell_cheng profile image

React lifecycles - Custom Hooks

Mitchell -

adeleyeayodeji profile image

How to Stop Spam Comments on WordPress WITHOUT Any Plugin

Adeleye Ayodeji -

yogini16 profile image

Any() vs Count, Which one to choose??

yogini16 -

keploy profile image

How to run cypress run and cypress open at a time

keploy -