DEV Community

Emmanuel Larbi
Emmanuel Larbi

Posted on

6 1

Bootstrap 5 Auth Scaffolding - Laravel 9

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

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more