Create your project

npm create v-kit-spa@latest

Prerequisite

• Apache/Nginx
• Mysql
• Php
• Node

Reference Table (❗ PHP Version is Important ❗)

Mono Repo

frontend and backend are in a single folder, united via configuration.

| Version & Type | Features | Prerequisite | | :--------------------| :-------------------------------------------------------| :-------------------------------| | vue 2 - laravel 8 | runs in webpack, Development Ready | php v7.4 && node v18^ | | vue 3 - laravel 8 | runs in webpack, Development Ready | php v7.4 && node v18^ | | vue 3 - laravel 9 | runs in vite, Development Ready, Developer Friendly | php v8.0 && node v18^ | | vue 3 - laravel 10 | runs in vite, Development Ready, Developer Friendly | php v8.1 && node v18^ | | vue 3 - laravel 11 | runs in vite, Development Ready, Developer Friendly | php v8.2 - v8.3 && node v18^|

/
└── Project folder/
    ├── *Laravel and Vue files are combined here*
    └── README.md

Installation

Vue 2 - Laravel 8

bundled and optimized in webpack 🕸️

| Commands | Action | | :-------------------------- | :--------------------------------------------| | yarn install | Installs node dependencies | | composer install | Installs composer dependencies | | copy .env.example .env | Generates a .env file from an example | | php artisan key:generate | Generates a key for .env file | | npm run artisan-watch | Run both php artisan serve and yarn watch| | http://127.0.0.1:8000/ | Visit your app, Enjoy! 🎉🎉 |

Vue 3 - Laravel 8

bundled and optimized in webpack 🕸️

| Commands | Action | | :------------------------ | :--------------------------------------------| | yarn install | Installs node dependencies | | composer install | Installs composer dependencies | | copy .env.example .env | Generates a .env file from an example | | php artisan key:generate| Generates a key for .env file | | npm run artisan-watch | Run both php artisan serve and yarn watch| | http://127.0.0.1:8081/ | Visit your app, Enjoy! 🎉🎉 |

Vue 3 - Laravel 9

bundled and optimized in vite ⚡

| Commands | Action | | :------------------------ | :--------------------------------------------| | yarn install | Installs node dependencies | | composer install | Installs composer dependencies | | copy .env.example .env | Generates a .env file from an example | | php artisan key:generate| Generates a key for .env file | | npm run artisan-dev | Run both php artisan serve and yarn dev | | http://127.0.0.1:8000/ | Visit your app, Enjoy! 🎉🎉 |

Vue 3 - Laravel 10

bundled and optimized in vite ⚡

| Commands | Action | | :------------------------ | :--------------------------------------------| | yarn install | Installs node dependencies | | composer install | Installs composer dependencies | | copy .env.example .env | Generates a .env file from an example | | php artisan key:generate| Generates a key for .env file | | npm run artisan-dev | Run both php artisan serve and yarn dev | | http://127.0.0.1:8000/ | Visit your app, Enjoy! 🎉🎉 |

Vue 3 - Laravel 11

bundled and optimized in vite ⚡

| Commands | Action | | :------------------------ | :--------------------------------------------| | yarn install | Installs node dependencies | | composer install | Installs composer dependencies | | copy .env.example .env | Generates a .env file from an example | | php artisan key:generate| Generates a key for .env file | | php artisan migrate | Create a Sessions table | | npm run artisan-dev | Run both php artisan serve and yarn dev | | http://127.0.0.1:8000/ | Visit your app, Enjoy! 🎉🎉 |

Docs

Read full docs here.

How to contribute

Have an idea? Found a bug? See how to contribute.

Contributors

Thanks to:

• RGienz for contributing and maintaining vuejs3 - laravel9 👏

License

Free and Open Source Under MIT License © 2024-PRESENT Shuashuaa