Laravel 11 with Livewire 3 & Bootstrap: Beginner Tutorial (Part 1)

hello and welcome back to my Channel today we're going to be starting a new series looking at laravel 11 with the Livewire 3 front end and bootstrap 5 for CSS and SC scss laravel is a PHP framework for web Artisans essentially it's a framework that uses PHP and it is IDE deal for both beginners and advanced programmers it contains pretty much everything that you might need to create both simple and advanced applications it's compatible with various different web development Technologies the one that we going to be using is is larl with live wire and bootstrap it's command line based and you can set up pretty much any class file blade template whatever you need very easily it also manages your migration and comes with a great database management tool called eloquent which is used instead of or as well as uh SQL Lara Livewire is an incredible technology that takes the pain out of front end and server development for example you can create Dynamic applications such as this without having to touch any JavaScript or Ajax at all you can do it all within the comfort of PHP it uses blade templates and manages everything that is Javascript and Ajax itself automatically it comes with support for creating forms tables with pagination image uploading Etc bootstrap is a toolkit for CSS it creates a load of predefined styles and makes your application easy to manage you can edit this all with addition CSS classes or using scss to customize the bootstrap default classes so in today's video we're going to get started with setting up our environment our lavel system and installing Live Wire and bootstrap with a basic authentication backend I'm going to assume at this point that you've already got some sort of system set up be that a buntu uh some sort of Linux system uh windows subsystem for Linux or using Mac you should also have PHP 8.2 installed as that is required for laravel 11 you should also have a database system set up I'm using Maria DB because it's free and very simple to use so without further Ado let's set up our laravel application we're going to use composer to create a project in laravel called YouTube at this point you may get some errors saying that you have requirements for PHP just Google those and it should tell you what to install what uh additions you need that you may not already have do not worry about this this is just because I haven't got the SQ light driver uh and PHP and I'm not using SQ light so I'm not worried about at all I'm going to be using my SQL we're then going to go into our YouTube our project directory and it's set up with all of these files and folders you'll get to know these very well in the future but for now you don't need to worry about them don't get overwhelmed next we're going to be installing a basic UI system and authentication system for laravel so we're going to get composer to just download that here and then we're going to use U uh PHP Artisan UI bootstrap with orth to set this up so this is going to set up this UI with authentication yes we want to replace our controller you may be able to hear my JBL drinking in the background I do apologize we're then going to get our bootstrap icons and we're going to import them into this file here this is essentially a list of all the files that need to be created as that need to be pulled together for our CSS so we're going to add that in there and then we're going to get mpm just to install everything and then we're going to build it so this is going to go through all those files and collate them and create our CSS and JavaScript Etc now that that's done we're going to install Live Wire and then we're going to set up a live wire layout which we'll see in more detail later but for now just know that you need it and then we're going to edit this layout that we've just created and we're going to import our CSS and JavaScript that's basically saying that when created it needs to include both of those when we're running so we want to save that and then we want to edit our EnV file this is essentially just all the config for the site so here we're going to call it YouTube and then this as you'll remember from when we installed it is where we can change our database settings so I'm going to change that to mySQL and I'm going to set all of them to YouTube not very secure but this is for development so we're going to go with that if you're doing this for production then uh make sure you choose something more secure so we're going to save that there and then the last thing we need to do is set up our database so we're going to log into that here going to create a database called YouTube we're going to create a user called YouTube with the password YouTube and just since this is just for development we're going to give all the Privileges of the database to that so not very secure again but this is just for examples flush privileges to update all of those and then we can exit from here now we're going to use laravel's builtin web server so PHP running Artisan which is laravel's set of commands and we want to serve now this is going to give us a URL where we can access our appli and this is going to come up with an error don't worry about that this is essentially saying that the database sry the tables are not available on the database that it's expecting by default laravel is expecting certain tables to be existing but we haven't actually set them up on the database luckily laravel comes with a system called migration so we're going to use PHP Artisan migrate we going to cover this in a lot more detail in future episodes for now just know that when you run this it's going to push a load of default updates to the database and it will get our application running so we'll go back to serving our application refresh and we've got a lovely dashboard here we've got login we've got register so if I register on there we're logged in we're registered we can then log out we can log back in we can choose to remember me or not log in we're back there can get back to the dashboard from here so that is essentially the basics of your application started from here on out we can develop whatever we want however we want it so I hope you found this F in the next video we're going to be covering using uh laravel and Live Wire we're going to be creating our own Livewire component we'll be making a form that you can fill in and it will send data to and from the client and server please don't forget to like And subscribe it really helps my motivation to get these videos out to you as fast as I can if there's anything that I've missed that you think I should have included please let me know down in the comments have a great day

Channel: Neil Widdowson

Views: 978

Keywords:

Id: BKXQRajYj6U

Length: 8min 26sec (506 seconds)

Published: Fri Mar 15 2024