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

henriqueleite42 profile image

Configuração de ambiente Web

Henrique Leite -

hkp22 profile image

JavaScript Promises: Best Practices & Keeping Your Code Clean

Harish Kumar -

litlyx profile image

Show me your open-source project

Antonio | CEO at Litlyx.com -

coderamrin profile image

How content creation helped me land my first tech job?

Amrin -