Laravel 8 Tutorial - Livewire Installation

In this tutorial we are going to learn about Livewire Installation.
Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple, without leaving the comfort of Laravel.
So let see how can we install and configure the livewire in laravel 8.
First of lets create a new laravel project.
For creating new project just type here


composer create-project laravel/laravel laravel8livewire

Now go inside the project directory run the command.


cd laravel8livewire

Now lets install the livewire so just run the command here.


composer require livewire/livewire

Alright livewire has been installed.
Now lets open this project in visual studio code.
So switch to the visual studio code.
Click on open folder now select the project laravel8livewire.
Now just open composer.json file.
And here you can livewire version which is 2.2.
Alright, Now lets configure the livewire For that go to the views directory.
and inside the views directory.
Lets create a new folder
And lets say folder name is layout.
Inside the layouts folder create a new file.
Lets say file name is app.blade.php.
Now open this file and write the following code.


<!DOCTYPE html>
<html lang=\"en\">
<head>
    <meta charset=\"UTF-8\">
    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">
    <title>Livewire Project</title>
    @livewireStyles
</head>
<body>
    
    {{$slot}}

    @livewireScripts
</body>
</html>