dynamatrix/laravel-vue

A laravel and vue combination supporting a laravel backend and a vue frontend.

v1.0.1 2025-01-17 21:44 UTC

Requires

• php: ^8.2
• laravel/framework: ^11.0
• laravel/sanctum: ^4.0
• laravel/tinker: ^2.9

Requires (Dev)

• fakerphp/faker: ^1.23
• laravel/pint: ^1.13
• laravel/sail: ^1.26
• mockery/mockery: ^1.6
• nunomaduro/collision: ^8.0
• phpunit/phpunit: ^11.0.1
• spatie/laravel-ignition: ^2.4

MIT

• framework
• laravel
• hybrid
• vue
• dynamatrix

README

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