INSTALLING LARAVEL AUTH-UI VUE (LOGIN REGISTRATION WITH DASHBOARD) (P1)
Topic: Installing LARAVEL AUTH-UI USING VUE (LOGIN AND REGISTRATION WITH DASHBOARD) (Part 1)
Important notes to consider:
1. any newly downloaded laravel project may do
2. a database already created and connected to the laravel app using the .env file may do
Steps:
1 open xampp - start apache and mysql
2 open vscode - open current laravel project installed/created
3 I will create a copy of my welcome.blade.php - just incase the istallation will overide my welcome blade file
4 on terminal run the command
composer require laravel/ui
make sure you have a stable internet connection for this process
wiat for the installation process to finish
5 still on terminal run the command
php artisan ui vue --auth
6 still on termianl run the command
npm install
npm run dev, if you encountered a problem, try npm run build
wait to finish the update /installation
as you notice, by running npm run dev - it was stuck at APP_URL
so as result, i choose to run npm run build instaed,
and it came up just fine
7 run the app to check for possible changes
run php artisan serve
my app has a login and registration page now
lets try, to test - from the URL you can type in /register
normally laravel app uses register route to access the registration page
similar to loign - simple use /login
8 - lets add login and registration link into our welcome page
go to welcome.bladed.php
remove all codes except the content and replace them with
looks like this..
@extends('layouts.app')
@section('content')
your main links goes here
@endsection