Installing Downloaded Vue.js+Laravel Panel

Installation Commands
After unarchiving the ZIP file into the folder you prepared for your project, here's a sequence of Terminal commands you need to run (short version):
1
cp .env.example .env
2
vi .env
3
​
4
composer install
5
​
6
php artisan key:generate
7
​
8
php artisan migrate --seed
9
​
10
npm install
11
npm run dev
Copied!
We have a much more detailed guide for non-Vue Laravel version of QuickAdminPanel: Download Code and Install on Your Web-Server. Most of that guide is applicable for Vue version, but additionally, you need to run Vue-related commands:
1
npm install
2
npm run dev
Copied!
Configuring Laravel Sanctum Domains
We're using Laravel Sanctum for API Authentication.
So, if your URL for the project is NOT http://localhost, then add your domain into .env file variable SANCTUM_STATEFUL_DOMAINS 
Example:
1
SANCTUM_STATEFUL_DOMAINS=myproject.test
Copied!
Important: that myproject.test value should NOT contain any prefixes, and should be lowercase. So not http://myproject.test, and not MyProject.test 
Read more about Laravel Sanctum domains in the official Laravel documentation.
Launching Project
If it's all successful, you should launch the homepage and see a login screen:
Default credentials:
- Email: [email protected]
- Pass: password
After login, you can browse through menu items and you should see datatables like this one:

Vue.js + Laravel API Version - Previous

What Files are Inside Vue.js+Laravel CRUD?

Next - Livewire + Tailwind Version

QuickAdminPanel: Livewire+Tailwind Version

Last modified 1yr ago

Copy link

Contents

Installation Commands

Configuring Laravel Sanctum Domains

Launching Project