📙
QuickAdminPanel
  • QuickAdminPanel Docs
  • Quick Start: Creating Panel
    • Creating a Simple CRUD
    • Radio/Checkbox/Select Fields
    • Relationships fields: belongsTo/belongsToMany
    • File/Photo Upload Fields
    • Date/Time Picker Fields
    • Multi-language Projects
    • API Generator
    • Roles and Permissions
    • How to Change Design Template/Theme
  • Using the Generated Code
    • Download Code and Install on Your Web-Server
    • Push Code to Your Github
    • Edit Code and Merge Changes
    • What Files are Inside the CRUD
  • Modules
    • Modules Overview
    • AJAX Datatables
    • System Calendar
    • Audit Changes Logs
    • Dashboard and Reports
    • Multi-Tenancy
    • CSV Import
    • Global Search
    • User Registration
    • Internal Messages
    • Change Notifications
    • Tasks + Calendar
    • Courses LMS
    • CRUD Templates Modules
  • Customizing the Code
    • Datatables Customizations
    • Upgrade Laravel version
    • Dependent Dropdowns: Parent-Child
    • Add Front User Without Admin Permissions
    • How to Add Mass Actions to Datatable
  • Vue.js + Laravel API Version
    • QuickAdminPanel: Vue.js+Laravel Version
    • What Files are Inside Vue.js+Laravel CRUD?
    • Installing Downloaded Vue.js+Laravel Panel
  • Livewire + Tailwind Version
    • QuickAdminPanel: Livewire+Tailwind Version
    • What Files are Inside Livewire+Tailwind CRUD?
    • Installing Downloaded Livewire+Tailwind Panel
Powered by GitBook
On this page
  • Installation Commands
  • Configuring Laravel Sanctum Domains
  • Launching Project
  1. Vue.js + Laravel API Version

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. 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 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:

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

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: admin@admin.com - Pass: password

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

PreviousWhat Files are Inside Vue.js+Laravel CRUD?NextQuickAdminPanel: Livewire+Tailwind Version

Last updated 4 years ago