Scaffolding for react auth in Laravel 9; In this article, I'll demonstrate how to use the Laravel UI and React Auth scaffolding to create login, register, logout, forget password, profile, and reset password pages.

React ui and auth packages are provided by Laravel 9 by default for login, register, logout, reset password, forget password, and email verification. Installing this package only requires one short command.

Table of Contents

  1. Install Laravel 9 App
  2. Database Configuration
  3. Install Laravel UI
  4. Setup React Auth Scaffolding
  5. Install Npm Packages
  6. Run PHP artisan Migrate
  7. Run Development Server

Install Laravel 9 App

In step 1, open your terminal and use the following command to browse to your local web server directory:

//for windows user
cd xampp/htdocs

//for ubuntu user
cd var/www/html

Then run the following command to install the most recent Laravel application:

composer create-project --prefer-dist laravel/laravel Laravel9Auth

Database Configuration

In step 2, open any text editor and paste your downloaded laravel app. Then locate the .env file and specify the database details as follows:

DB_USERNAME=db user name
DB_PASSWORD=db password

Install Laravel UI

In step 3, use the following command to install the LARAVEL ui package in the laravel app:

composer require laravel/ui

Setup React Auth Scaffolding

Install the auth scaffolding react package in the Laravel project in step 4 by running the command below:

php artisan ui react --auth

Install Npm Packages

In step 5, restart the command prompt and enter the following line to install node js:

npm install

Then, on cmd, enter the following command to launch npm:

npm run dev

Run php artisan Migrate

Step 6: Open a terminal and enter the following command to create a database table:

php artisan migrate

Run Development Server

Start the development server using the following command

php artisan serve

Open your browser now and go to this URL:

Recommended Posts

View All

Laravel 9 Livewire Form Submit Tutorial

Laravel 9 Work With Livewire Form Submit Tutorial. laravel 9 livewire form submit example, create form with laravel 9 livewire, laravel 9 livewire tut...

How to install Adminer in Laravel application

In this article we will install Adminer in Laravel 8 application

Laravel 9 PHP Guzzle Http Client Examples

We will provide answers in this manual. If you've been searching the internet for a Laravel Guzzle http client example, your search is over.

Laravel 9 Database Backup with Spatie Tutorial Example

Learn how to easily backup your Laravel 9 database using the Spatie backup package with this step-by-step tutorial example. Safeguard your important d...

Laravel 8 How To Merge Two PDF Files Example

laravel 8 how To merge two PDF files example,how to merge two PDF files in laravel 8,merge two PDF files,pdf,pdf in laravel 8