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

dms_db_def6cfbeb08eaeda19 profile image

Errors as a learning

DMS DB -

abdevhub profile image

The Ultimate Guide to iOS Development: From Programming Basics to Building Your First App (Part 1)

AB Dev Hub -

leandroveiga profile image

Simplifying Dependency Injection in .NET 9: Enhancements and Best Practices

Leandro Veiga -

robinokwanma profile image

Building a Blog App with Django and React: Step-by-Step Guide

robin okwanma -