# 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):

```
cp .env.example .env
vi .env

composer install

php artisan key:generate

php artisan migrate --seed

npm install
npm run dev
```

We have a much more detailed guide for non-Vue Laravel version of QuickAdminPanel: [Download Code and Install on Your Web-Server](https://helpdocs.quickadminpanel.com/using-generated-code/download-code-and-install-your-web-server). Most of that guide is applicable for Vue version, but additionally, you need to run Vue-related commands:

```
npm install
npm run dev
```

## Configuring Laravel Sanctum Domains

We're using [Laravel Sanctum](https://laravel.com/docs/8.x/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**&#x20;

Example:

```
SANCTUM_STATEFUL_DOMAINS=myproject.test
```

**Important**: that **myproject.test** value should NOT contain any prefixes, and should be lowercase. So not **<http://myproject.test>**, and not **MyProject.test**&#x20;

{% hint style="warning" %}
Read more about Laravel Sanctum domains in [the official Laravel documentation](https://laravel.com/docs/8.x/sanctum#configuring-your-first-party-domains).
{% endhint %}

## Launching Project

If it's all successful, you should launch the homepage and see a login screen:

![](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-MGwhXbVcNLOK2SgvpGT%2F-MGwi4bo3iLcfs_zx3D-%2FScreen%20Shot%202020-07-24%20at%202.41.01%20PM.png?alt=media\&token=cb8525c3-ff1f-44ef-8bc5-7f1a29ecd8b9)

Default credentials:\
\- Email: **<admin@admin.com>**\
\- Pass: **password**

After login, you can browse through menu items and you should see datatables like this one:

![](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-MGwhXbVcNLOK2SgvpGT%2F-MGwiCCy-KVmcsNZR6hj%2FScreen%20Shot%202020-07-24%20at%202.41.26%20PM.png?alt=media\&token=a68b97ac-ce40-40ea-a2a0-76e69a5cddef)