About the laravel-vue scaffold

The laravel-vue scaffold is a template repository usable for new projects that rely on Laravel and Vue. This scaffold combines the two in such a way that they work together efficiently and without issue. Laravel handling the back-end, API and database connections, while Vue handles the front-end, routing and API calls to the back-end.

Stack

• Laravel
• Vue
• SCSS
• Tailwind
• MySQL

Setup

You can use this scaffold by pulling it and changing the git remote, or by using composer create-project dynamatrix/laravel-vue. You can find the scaffold on packagist.

Prerequisites:

• MySQL database (MariaDB is recommended) with database and user:

$ sudo apt update
$ sudo apt install mariadb-server
$ sudo mysql_secure_installation

For the configuration, please read this article by DigitalOcean

• Node 20.12.x
• PHP 8.3.x

Installation

After setup, if you have Node and PHP installed; you may continue by using the installers:

$ npm install
$ composer install

After that, you may run the application using

$ php artisan serve
$ npm run watch

Axios is installed for the communication between front-end and backend. You may use Axios to make api calls to the laravel backend.

For information on how to use Vue, Laravel, SCSS, Tailwind and Mysql:

• https://laravel.com/docs
• https://vuejs.org/guide/introduction.html
• https://sass-lang.com/documentation/syntax/
• https://tailwindcss.com/docs/installation
• MySQL:
  • https://www.digitalocean.com/community/tutorials/how-to-create-a-new-user-and-grant-permissions-in-mysql
  • https://www.digitalocean.com/community/tutorials/how-to-create-and-manage-databases-in-mysql-and-mariadb-on-a-cloud-server