How to use Laravel sanctum with Breeze - vue.js

I have installed Laravel Breeze and then Sanctum. But, it is not working as it should. Please guide me, how can I set up it?
I want to create the admin panel with Laravel Breeze and Vue application for the front users.

For a start you can install Breeze with Vue + Inertia scaffolding unless you're implementing everything by hand using API calls with Sanctum. First option is easier to implement.
php artisan breeze:install vue
php artisan migrate
npm install
npm run dev
https://laravel.com/docs/9.x/starter-kits#laravel-breeze

Related

Laravel with JetStream and LiveWire not rendering (Tailwind)

I started a new project in Laravel 8 with Jetstream and LiveWire.
It seems everything ok, but I'm not able to show correctly the auth pages.
I created a new laravel project.
I installed the jetstream package with LiveWire
https://jetstream.laravel.com/2.x/installation.html
This is the result of login page:
The css is not working.
After days of workaround on this issue, I found the problem.
After npm run dev, the console display the following line:
You have enabled the JIT engine which is currently in preview.
Documentation Here
For now I changed mode: 'JIT' to mode: '' in file tailwind.config.js
The project seems to work.

How to Install vue3 in Laravel 8 without vue-scaffolding or without installing breeze / jetstream with Inertia+vue

I have install Laravel 8 fresh project. And for authentication scaffolding I have run:
composer require Laravel/breeze --dev
It generate Laravel build-in authentication functionality which is now components base.
Now my question is, now are not generating Auth by using Laravel Ui package. So the vue scaffolding is not generated so how we can use vue?
We can install vue3 in Laravel 8 without vue-scaffolding by following instructions given in below video:
Install vue3 in Laravel 8 without Laravel UI / breeze / Jetstream

Laravel 8 artisan serve

When I run my app (laravel 8, jetstream, tailwind ...) on php artisan serve all is working as expected. If I try to access the app over http://localhost/dev/myapp/public I get an error Undefined array key 0. How to fix that?
Laravel should life in the root of you domain, therefore there is php artisan serve command for local development.
If you really want to access the project otherwise, you have to make several adjustments but this is not recommend for local development.

Correct way to create a theme from scratch in Angular 8 (Bootstrap)

I am new to Angular 8. I am confused in creating the theme for Angular 8. I searched for this in many site but they are using the jQuery and Popper.js. So, jQuery is the reason that's why I am confused.
What is the correct way to implement the bootstrap theme in Angular. Can we implement it without using jQuery?
Install Bootstrap
run npm install bootstrap
Add bootstrap.scss to your angular.json file
projects->yourproject->architect->options->styles Add
"styles": ["node_modules/bootstrap/scss/bootstrap.scss"]
If you are after JS interactions like dropdowns..etc , install ng-bootstrap
run npm install --save #ng-bootstrap/ng-bootstrap
Doco: https://ng-bootstrap.github.io/#/components/alert/examples
Done. No JQuery or Popper.js required

Implementation of Login and Registration with help of VueJs

I would like to build an admin panel in vue js from scratch. I have install AdminLte theme via npm and copy the contents of header,sidebar and footer in components.My server side technology is Laravel.
Now I would like to build login and registration features in Vuejs so that only DB communication depends on laravel but I am confused and not sure about how to approach this?
Anyone can me with any ideas?