Skip to main content

Adding Boostrap and Auth to Laravel Using Laravel/UI - #38


Like what you see, support the channel.

Published: October 26, 2020


Estimated Reading Time
2 minutes
Video Duration
27:15 minutes

Become a Patreon to show support and get exclusive access to content: https://www.patreon.com/devdrawer

Using Laravel/UI components, we will install and set up Bootstrap and Auth integration into our previously created Laravel project. These Laravel/UI components will allow us to build out a design using Bootstrap and will help us set up auth-protected pages that require a login.

Once this is complete, we will have a front end and a back end for our new Laravel project. It will be barebones, but we will have a place to start.

00:00 Intro

01:25 Install Laravel/UI with Composer

03:00 Setup Database

04:42 Reference Compiled CSS

06:04 Verify Installation and Auth

06:41 Adjust .dev File for Database

07:16 Run Migrations

08:05 Modify Pages for Bootstrap

13:02 Modify HOME Const

14:54 Fix Folder Permissions with Group Account

19:17 Add Additional Test Routes and Views

Applications Used

Visual Studio Code v1.43: https://code.visualstudio.com/

Composer: https://getcomposer.org/

Laravel v7: https://laravel.com/docs/7.x

Computer Hardware:

Windows 10 Pro: https://amzn.to/3q5TyZw (Amazon)

Samsung 500GB External SSD: https://amzn.to/2ViAAAF (Amazon)

Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: https://amzn.to/36jDwDy (Amazon)

Rosewill Hive-750S R750W PSU: https://amzn.to/36jiDbs (Amazon)

Phanteks Eclipse Tempered Glass Case: https://amzn.to/39qou0B (Amazon)

MSI Arsenal Gaming AMD Ryzen Motherboard: https://amzn.to/36hpAKm (Amazon)

MSI Gaming GeForce RTX 2060 Super 8GB: https://amzn.to/36hMyRm (Amazon)

LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: https://amzn.to/2HSRxyI (Amazon)

Corsair 64GB (4 x 16GB) DDR4 Memory: https://amzn.to/3mlmQkI (Amazon)

AMD Ryzen 7 2700X Processor: https://amzn.to/3qdQIBF (Amazon)

Dell XPS 15 9500 15.6" Laptop / Windows: https://amzn.to/3fKEz2w (Amazon)

Lenovo ThinkPad T15 15.6" Laptop / Linux: https://amzn.to/2Jnmn33 (Amazon)

Camera:

Fujifilm X-T3: https://amzn.to/3llKBb5 (Amazon)

Fujinon XF18-55mmF2.8-4: https://amzn.to/3mfTkNb (Amazon)

Audio:

Audio Technica AT2020: https://amzn.to/2VgxU6K (Amazon)

Blue Snowball iCE: https://amzn.to/3lo1jGC (Amazon)

DISCLAIMERS:

I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.