https://github.com/astechedu/laravel8-ui-react
Laravel 8 Authentication with Laravel UI
https://github.com/astechedu/laravel8-ui-react
css html laravel-mix laravel-ui laravel8 mysqli php
Last synced: 4 months ago
JSON representation
Laravel 8 Authentication with Laravel UI
- Host: GitHub
- URL: https://github.com/astechedu/laravel8-ui-react
- Owner: astechedu
- Created: 2022-02-03T17:32:30.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-02-07T20:20:55.000Z (over 3 years ago)
- Last Synced: 2025-01-17T16:56:51.116Z (5 months ago)
- Topics: css, html, laravel-mix, laravel-ui, laravel8, mysqli, php
- Language: PHP
- Homepage:
- Size: 1.24 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Laravel 8 Authentication with Laravel UI
Step 1: Set Up Laravel Project.
Step 2: Set Up Database Details in ENV.
Step 3: Install Laravel UI.
Step 4: Step up Auth Scaffolding.
Step 5: Run npm install && npm run dev command.
Step 6: Migrate your database.
Step 7: Configuration
## Step 1: Set Up Laravel Project
composer create-project --prefer-dist laravel/laravel AnyAppName
## Step 2: Set Up Database Details in ENV
.env
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=database_name
DB_USERNAME=database_user_name
DB_PASSWORD=database_password
## Step 3: Install Laravel UI
composer require laravel/ui
## Step 4: Step up Auth Scaffolding
use anyone for you requirements
1. Without Auth:
php artisan ui bootstrap
php artisan ui vue
php artisan ui react
2. With Auth:
php artisan ui bootstrap --auth
php artisan ui vue --auth
php artisan ui react --auth
## Step 5: Run npm install && npm run dev command
npm install && npm run dev
## Step 6: Migrate your database
php artisan migrate
Now our Laravel 8 authentication system is ready. you can run serve
php artisan serve
## Step 7: Configuration
## 1. resources/js/components/Example.js
import React from 'react';
import ReactDOM from 'react-dom';
function Example() {
return (
Example Component
I'm an example component!
);
}
export default Example;
if (document.getElementById('example')) {
ReactDOM.render(, document.getElementById('example'));
}
## 2. resources/js/components/app.js
require('./bootstrap');
require('./components/Example');
## 3. resources/views/app.blade.php
Laravel
## 4. routes/web.php
Route::get('/', function () {
return view('app');
});
:+1: