creativetimofficialcreativetimofficial
6

Ct Vue Material Dashboard Laravel Pro Bs4

screenshot of Ct Vue Material Dashboard Laravel Pro Bs4

Vue SPA Material template connected to working Laravel REST API with the help of json:api standard

Github

Overview

Vue Material Dashboard Laravel Pro is a fullstack resource that combines a Vue Material frontend with an API-powered Laravel backend. It allows developers to easily go from frontend to fullstack when building their app. The product comes with a wide variety of UI components and follows the JSON:API specification for efficient communication between clients and servers.

Features

  • Combines Vue Material frontend with Laravel backend
  • Large number of UI components available
  • Follows JSON:API specification for efficient communication

Laravel API Setup

  1. Download the .zip file from the Creative Tim site and extract it.
  2. You will get two project folders: one for the Laravel API project and one for the Vue frontend.
  3. Set up a multi-threaded web server environment with PHP, Composer, and MySQL (e.g., Apache/Nginx).
  4. Install Composer 2.
  5. Set up a local environment for the Vue Material frontend with NodeJS, npm, and VueCLI.
  6. Navigate to your Laravel API project folder in the command line: cd your-laravel-json-api-project.
  7. Install project dependencies using Composer: composer install.
  8. Create a new .env file: cp .env.example .env.
  9. Update the .env file with your own database credentials.
  10. Create the users table: php artisan migrate --seed.
  11. Generate the application key: php artisan key:generate.
  12. Install Laravel Passport: php artisan passport:install.
  13. Set the CLIENT_ID and CLIENT_SECRET in the .env file.
  14. Update the .env file with your mailtrap.io credentials.

Vue Material Dashboard Project Installation

  1. Navigate to your Vue Dashboard project folder in the command line: cd your-vue-material-dashboard-project.
  2. Install project dependencies using npm: npm install.

Summary

Vue Material Dashboard Laravel Pro is a powerful fullstack resource that combines a Vue Material frontend with a Laravel backend. It provides a large number of UI components and follows the JSON:API specification for efficient communication. The installation process involves setting up both the Laravel API project and the Vue frontend project and requires a multi-threaded web server environment and the installation of Composer and NodeJS.