Hi Developer,Hello Guys,
I will explain step by step tutorial laravel 10 auth with breeze. We will use laravel 10 authentication using breeze tutorial. we will help you to give an example of laravel 10 breeze with vue js. I explained simply about laravel 10 breeze with react.
Laravel Breeze provides simple authentication features including login, registration, password reset, email verification, and password confirmation. Breeze powered by Blade and Tailwind. Laravel breeze gives you the ability to create authentication scaffolding with vue and react.
If, you want to see how to install breeze in laravel 10 then just follow the below step and see.
Install Laravel 10
First of all, we need to get a fresh Laravel 10 version application using bellow command, So open your terminal OR command prompt and run bellow command:
composer create-project laravel/laravel example-app
Install Breeze
Let's run bellow command to install laravel breeze package by bellow command:
composer require laravel/breeze --dev
Next you have to install laravel breeze for simple auth scaffolding. so let's run bellow command:
php artisan breeze:install
Now let's run bellow command for install npm:
npm install && npm run dev
It will generate CSS and js min files.
Next run migration command:
php artisan migrate
You can see what files are newly generated for auth scaffolding. let's review it before running the laravel app.
Generated Controller Files:
Generated Route File:
Generated Blade Files:
Run Laravel App:
All the required steps have been done, now you have to type the given below command and hit enter to run the Laravel app:
php artisan serve
Now, Go to your web browser, type the given URL and view the app output:
http://localhost:8000/
now you can see layout bellow as here:
Home Page:
Login Page:
Register Page:
Dashboard Page:
I hope it can help you...
Do you like below Tutorials ?
- PHP Convert Date String to Datetime Object
- Laravel Validation Different Value Example
- Jquery Redirect to URL After Specific Time Example
- User Roles and Permissions in Laravel Example
- How to Get Value of Selected Option in Vue JS?
- Laravel Change Password OLD Password Validation Example
- Vue JS Get String Length Example
- How to Active and Inactive Status in Laravel?