Laravel 9 Auth with Inertia JS Jetstream Example
In this example, I will show you laravel 9 jetstream auth using inertia. you will learn laravel 9 auth with inertia jetstream. Here you will learn laravel 9 auth with inertia tutorial. This post will give you a simple example of laravel 9 authentication inertia example.
Laravel 9 jetstream was designed by Tailwind CSS and they provide auth scaffolding using livewire and Inertia. Laravel jetstream provides login, registration, email verification, two-factor authentication, session management, API via Laravel Sanctum, and team management features inbuilt.
Laravel Inertia is a templating language and Inertia is working with vue js.
Let's follow bellow steps:
Install Laravel 9:
here, we need to install laravel 9 application using composer command.
composer create-project laravel/laravel example-app
Install Jetstream:
Now, in this step, we need to use composer command to install jetstream, so let's run bellow command and install bellow library.
composer require laravel/jetstream
Create Auth with Inertia:
now, we need to create authentication using bellow command. you can create basic login, register and email verification. if you want to create team management then you have to pass addition parameter. you can see bellow commands:
php artisan jetstream:install inertia
OR
php artisan jetstream:install inertia --teams
Now, let's node js package:
npm install
let's run package:
npm run dev
now, we need to run migration command to create database table:
php artisan migrate
Now, you can run and check. they installed all views, actions and all in your laravel 9 application.
Laravel 9 Jetstream Features
Laravel 9 Jetstream provides new all feature are configurable. you can see there is a configuration file fortify.php and jetstream.php file where you can enable and disable option for that feature:
config/fortify.php
....
'features' => [
Features::registration(),
Features::resetPasswords(),
Features::emailVerification(),
Features::updateProfileInformation(),
Features::updatePasswords(),
Features::twoFactorAuthentication(),
],
...
config/jetstream.php
....
'features' => [
Features::profilePhotos(),
Features::api(),
Features::teams(),
],
...
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:
Profile Page:
Team Page:
I hope it can help you...
Hardik Savani
I'm a full-stack developer, entrepreneur and owner of ItSolutionstuff.com. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
We are Recommending you
- Laravel 9 Authentication using Jetstream Tutorial
- Laravel 9 Create Custom Helper Functions Example
- Laravel 9 Eloquent Mutators and Accessors Example
- Laravel 9 Multiple File Upload Tutorial
- Laravel 9 Multiple Image Upload Tutorial
- Laravel 9 File Upload Tutorial Example
- Laravel 9 Image Upload Example Tutorial
- Laravel 9 Form Validation Tutorial Example
- Laravel 9 CRUD Application Tutorial Example